Hazy Coast color palette — #DBE5F7 · #DABF06 · #4F6CFF · #334694 · #060C29
A conversation between Sapphire and Saffron, giving this palette its sense of nature and growth.
The five colors
- Frost (#DBE5F7): A whisper-light, dusty violet — the color of wild irises.
- Saffron (#DABF06): A luminous, vivid green — the color of new leaves after rain.
- Sapphire (#4F6CFF): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#334694): A full-bodied, balanced violet — the color of twilight just after sunset.
- Ink (#060C29): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged luxury, dark, vibrant, cool.
Use it as a design system
One click turns Hazy Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Gentle Basin color palette (#D5E7FB, #FFA671, #007FE4, #004E90, #001025)
- Soft Atelier color palette (#DCE3FF, #6BDC70, #8355FF, #4F3A96, #090C26)
- Aged Alley color palette (#F0F5FF, #F3B913, #3F48B5, #12144E, #00000B)
- Soft Iris color palette (#F2F5FF, #95E59A, #8F75F1, #5C4E98, #16192A)
- Lapis Cabin color palette (#F8DBEF, #D6A200, #3E2CE7, #1D1B75, #1E0418)
- Misty Cornflower color palette (#EAF3FF, #A0C4FF, #FF8A4F, #2F74E9, #230800)
- Aged Grove color palette (#FFE6F8, #AA9500, #23269C, #09054A, #080006)
- Quiet Ridge color palette (#E8E5FE, #3FC084, #913CA5, #51205D, #03010D)
Browse the whole catalog at Explore, or see today's palette.