Weathered Coast color palette — #ECF1FF · #88A1E3 · #3B57AE · #002B7A · #021953
A conversation between Cobalt and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF1FF): bright and airy, almost weightless.
- Cornflower (#88A1E3): A luminous, balanced violet — the color of twilight just after sunset.
- Cobalt (#3B57AE): A full-bodied, balanced violet — the color of wild irises.
- Navy (#002B7A): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#021953): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged monochrome, cool.
Use it as a design system
One click turns Weathered 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
- Weathered Denim color palette (#D8FFF4, #75ABD9, #0663AC, #003861, #00203A)
- Tempered Cornflower color palette (#F0F5FF, #9CBDFF, #477AEA, #204698, #0B1D45)
- Wandering Aubergine color palette (#FFEDF4, #A797D8, #714FAD, #46137E, #261150)
- Quiet Lantern color palette (#EAF0FF, #B9CEFF, #6F9EF8, #5475B8, #101A43)
- Nightshade Corridor color palette (#E8ECFF, #6A72D2, #332CAA, #140058, #090031)
- Navy Courtyard color palette (#F6EBF1, #8EA668, #41347F, #211749, #210F1A)
- Eclipse Aubergine Grove color palette (#E9E3FE, #805AB9, #400088, #190032, #05000F)
- Grape Delta color palette (#F5E9FF, #B274DF, #8A00B9, #440068, #2C0047)
Browse the whole catalog at Explore, or see today's palette.