스페이스
입혀 보기
● 2026 가을 모음 공개하루 끝 하늘의 색을
하루 끝 하늘의 색을
집 안으로
저녁 하늘에서 고른 색으로 만든 선물 · 소품 · 조명. 매주 금요일 새 물건이 들어옵니다.
모음 둘러보기 →브랜드 이야기
★ 4.9 · 후기 1,280개
선물 상자₩18,000 · 오늘 출발
NEW함께한 곳WOODLABMaru온도HANDSStudio 9
◐우리 색으로 고른 물건사진가와 함께 고른 열두 가지 저녁 색.
↺30일 무료 교환색이 생각과 다르면 바로 바꿔 드려요.
✓국내 공방 제작모든 물건을 국내 작은 공방에서 만듭니다.
이번 주 인기전체 보기 →
인기선물 상자₩18,000
-10%하트 상자₩42,000
NEW유리 조각₩35,000
재입고딸기 케이크₩29,000“거실 색이 바뀌니 저녁이 기다려져요. 사진에서 본 색이 그대로 왔어요.”
— 김서연, 서울 · 단골 3년차첫 주문 10% 할인뉴스레터에 가입하면 바로 쿠폰을 보내 드려요.
이메일 주소쿠폰 받기글자 대비 검사WCAG 기준. 4.5 이상이면 AA, 7 이상이면 AAA
본문 글자 / 바탕17.4 AAA
흰 글자 / 메인6.6 AA
흰 글자 / 보조4.6 AA
글자 / 포인트10.2 AAA
흐린 글자 / 바탕5.3 AA
메인 링크 / 바탕6.3 AA
단계표 50~950Tailwind 처럼 bg-primary-500 으로 바로 써요
메인
보조
포인트
가져가기
:root {
--color-primary: #1b57bf;
--color-primary-foreground: #ffffff;
--color-secondary: #b55d33;
--color-secondary-foreground: #ffffff;
--color-accent: #36d5e6;
--color-accent-foreground: #14151f;
--color-bg: #f7faff;
--color-surface: #e9eaf5;
--color-text: #14151f;
--color-muted: #65677a;
--color-border: #d7dce5;
--color-primary-50: #f0f5fe;
--color-primary-100: #dce9fe;
--color-primary-200: #bed5fd;
--color-primary-300: #95bbfd;
--color-primary-400: #6da0f9;
--color-primary-500: #4c88f2;
--color-primary-600: #3870d2;
--color-primary-700: #2859af;
--color-primary-800: #19438e;
--color-primary-900: #0a2e6d;
--color-primary-950: #001a4e;
--color-secondary-50: #fef2ed;
--color-secondary-100: #fee1d5;
--color-secondary-200: #ffc5ac;
--color-secondary-300: #f2a583;
--color-secondary-400: #dd8964;
--color-secondary-500: #c97149;
--color-secondary-600: #ac5b34;
--color-secondary-700: #8e4725;
--color-secondary-800: #713415;
--color-secondary-900: #552106;
--color-secondary-950: #3a1000;
--color-accent-50: #e1fbfe;
--color-accent-100: #b3f6fe;
--color-accent-200: #87e6f2;
--color-accent-300: #5ecddb;
--color-accent-400: #27b5c4;
--color-accent-500: #279daa;
--color-accent-600: #008490;
--color-accent-700: #106a73;
--color-accent-800: #0f5158;
--color-accent-900: #003b41;
--color-accent-950: #002529;
}
@media (prefers-color-scheme: dark) {
:root {
--color-primary: #3b78e3;
--color-primary-foreground: #11161f;
--color-secondary: #dd8258;
--color-secondary-foreground: #11161f;
--color-accent: #36d5e6;
--color-accent-foreground: #11161f;
--color-bg: #0a1018;
--color-surface: #191924;
--color-text: #edeef7;
--color-muted: #a7a9bb;
--color-border: #282e38;
}
}이 색으로 그라데이션 만들기 →