화면의 컨셉을 결정짓는 추천 색상 팔레트입니다. 원하는 테마를 골라 아래 항목별 매핑 가이드에 맞춰 색상을 적용해 보세요.
| Section |
|---|
| Column |
|---|
| | width | 33%
| 패널 |
|---|
| borderColor | #4FC0E8#6C5CE7 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| | Ocean Blue 신뢰깔끔) 시원한 스카이블루와 네이비 텍스트의 조합입니다. 무난하고 신뢰감을 주는 업무 시스템에 추천합니다. | 포인트/버튼 | #4FC0E8 | 화면 배경 | #F6F7FB | 박스 배경 | #FFFFFF | 테두리/구분 | #DFE1E6 | 기본 글씨색 | #3B4A6B |
|
|---|
| Column |
|---|
세련) 최신 SaaS(소프트웨어) 대시보드에서 자주 쓰이는 생동감 있는 보라색 톤입니다. 포인트 #6C5CE7 화면 배경 #F4F6FA 박스 배경 #FFFFFF 테두리 #E2E8F0 글씨색 #2B2D42 |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #4A89DC |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| Oceanic Blue(클래식/신뢰) 가장 안정적이고 깔끔한 블루 톤으로, 복잡한 데이터 분석 화면을 시원하게 정돈해 줍니다. 포인트 #4A89DC 화면 배경 #F5F7FA 박스 배경 #FFFFFF 테두리 #E6E9ED 글씨색 #434A54 |
|
| Column |
|---|
| | width | 34%
| 패널 |
|---|
| borderColor | #66D47E#37BC9B |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| | Nature Green 편안안정 데이터가 빽빽하여 피로하기 쉬운 회계, 통계성 화면에 눈을 편안하게 해주는 그린톤 조합입니다. | 포인트/버튼 | #66D47E | 화면 배경 | #F9FCE8 | 박스 배경 | #FFFFFF | 테두리/구분 | #C6E772 | 기본 글씨색 | #073835 |
|
|---|
| Column |
|---|
산뜻하고 깨끗한 인상을 주는 민트 색상으로, 인사(HR)나 재무 현황판, 의료 업종 화면에 추천합니다. 포인트 #37BC9B 화면 배경 #F4F9F8 박스 배경 #FFFFFF 테두리 #DCEFEA 글씨색 #2D3E3A |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #C24D2C#ED5565 |
|---|
| bgColor | #1A273A#ffffff |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| Modern Dark (다크모드) 어두운 배경에 오렌지로 포인트를 주어 차트/대시보드를 돋보이게 하는 다크모드 테마입니다. | 포인트/버튼 | #C24D2C | 화면 배경 | #1A273A | 박스 배경 | #3E4A62 | 테두리/구분 | #5D6D81 | 기본 글씨색 | #D9D9D7 | Sunset Grapefruit(강조/알림) 에너지가 넘치고 눈에 띄어 마케팅 성과나 즉각적인 조치가 필요한 알림 대시보드에 적합합니다. 포인트 #ED5565 화면 배경 #FFF6F6 박스 배경 #FFFFFF 테두리 #FADCE0 글씨색 #523A3D
|
|
| Section |
|---|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #9765C8#FFCE54 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| Lavender Teal 트렌디전문)보라색 톤과 청록색을 매칭하여 전문적이고 세련된 인상을 주는 IT 화면에 추천합니다주의) 따뜻하고 친근한 옐로우 톤으로 리테일 현황이나 사용자 반응을 살피는 화면에 잘 어울립니다. 포인트 | #9765C8 | #F0E4E4 | (활성)#15CDA9 | 기본 글씨색 | #099A97 |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #967ADC |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| Lavender Indigo(트렌디) 부드럽고 세련된 라벤더 색상으로, 최신 플랫폼 관리자 페이지에 적용해 보세요. 포인트 #967ADC 화면 배경 #F6F5FB 박스 배경 #FFFFFF 테두리 #E6E2F1 글씨색 #3A344A |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #ED743F#8CC152 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| Warm Orange 활기에너지에너지가 넘치고 눈에 띄는 조합입니다. 즉각적 조치가 필요한 화면에 좋습니다성장과 긍정적인 지표를 강조하기 좋은 그린톤입니다. 영업 실적 화면에 추천합니다. 포인트 | #ED743F | #FFF9F6 | /구분#FFD8C9 | 기본 #423465 |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #FFD716#4FC1E9 |
|---|
| bgColor | #ffffff#434A54 |
|---|
| borderWidth | 2 |
|---|
| borderStyle | solid |
|---|
| Yellow Navy (명확/강조) 명도 대비가 뚜렷한 노란색과 짙은 네이비를 사용하여 데이터나 지표가 또렷하게 보이게 합니다. | 포인트/버튼 | #FFD716 | 화면 배경 | #F4F5F7 | 박스 배경 | #FFFFFF | 테두리/구분 | #DFE1E6 | 기본 글씨색 | #001F3E | Modern Deep Gray(다크) 어두운 배경에 아쿠아 블루로 포인트를 주어 차트 위젯을 돋보이게 하는 다크모드 테마입니다. 포인트 #4FC1E9 화면 배경 #434A54 박스 배경 #656D78 테두리 #AAB2BD 글씨색 #F5F7FA
|
|