Weathered Coast color palette — #E6EFFF · #5775DD · #766700 · #1B00B3 · #020100
Indigo and Sapphire set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E6EFFF): A whisper-light, dusty violet — the color of wild irises.
- Sapphire (#5775DD): A full-bodied, vivid violet — the color of wild irises.
- Olive (#766700): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#1B00B3): A deep, shadowed, vivid violet — the color of wild irises.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Chalky Cobalt Pier color palette (#D7E7F7, #0F82D6, #836100, #003E6C, #020100)
- Wandering Bloom color palette (#DFE1FF, #A070D7, #4B6F00, #490079, #010100)
- Wandering Lapis color palette (#E4EDFF, #3E37DC, #544A00, #1B007F, #030300)
- Muted Lapis color palette (#FCEAF6, #6C7DFF, #997D00, #433EEA, #150F00)
- Soft Grape Lagoon color palette (#E0E2FF, #917FE9, #4D2EC6, #1A0048, #010008)
- Lapis Pier color palette (#F0F5FF, #91AFFF, #85AC06, #2D49FD, #182300)
- Dusty Summit color palette (#E4EEFF, #E6B7F0, #F97A7E, #006281, #0A001E)
- Lowlit Hollow color palette (#E1E2F0, #3CA564, #3A0069, #150613, #020007)
Browse the whole catalog at Explore, or see today's palette.