Shadow Harbor color palette — #DEE9F4 · #4261D4 · #4100A5 · #220037 · #030004
A conversation between Indigo and Royal Blue, giving this palette its sense of creativity and energy.
The five colors
- Frost (#DEE9F4): bright and airy, almost weightless.
- Royal Blue (#4261D4): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#4100A5): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#220037): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Shadow Harbor 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
- Velvet Market color palette (#D3E2EA, #0071B6, #192BB2, #180048, #020006)
- Soft Grape Basin color palette (#E0E5F4, #6666D7, #5B2BD3, #470092, #0D001E)
- Misty Aubergine color palette (#E2E5F8, #7A51CA, #6D0080, #280023, #040001)
- Aubergine Field color palette (#E4EAFC, #6A56BE, #4D5C00, #2F0075, #010100)
- Chalky Grape Pier color palette (#E8E2FF, #6320BE, #4B4900, #243900, #020007)
- Navy Study color palette (#EBEEFF, #D396D9, #C9727D, #004A8E, #030005)
- Worn Petrol Archive color palette (#D0F6F7, #007990, #004561, #001235, #01000A)
- Wandering Thicket color palette (#E2EAFF, #ACA2FF, #944BC0, #7A2977, #410932)
Browse the whole catalog at Explore, or see today's palette.