Cobalt Coast color palette — #F7F1EA · #ACD1C4 · #5F7BB2 · #005A62 · #1E1B3D
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#F7F1EA): a clean, paper-quiet neutral.
- Oat (#ACD1C4): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#5F7BB2): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#1E1B3D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt 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
- Patina Cobalt color palette (#F4F6F0, #ADCDC2, #417CB6, #005B78, #253B5B)
- Cerulean Chapel color palette (#FCEFE8, #B7DABA, #0091B1, #006544, #002841)
- Petrol Grove color palette (#F1E7E2, #98BEA3, #00759D, #004D3D, #001631)
- Wandering Cerulean Balcony color palette (#F2DFD5, #3C98AB, #004F72, #002C25, #000412)
- Wandering Periwinkle Canyon color palette (#ECF8F8, #DADCE8, #71AAE8, #0079A0, #1A2E4F)
- Aged Violet Meadow color palette (#EBEBD4, #78A04D, #8467C4, #3D6100, #210D41)
- Navy Ridge color palette (#EFE1D1, #557CA0, #1E3085, #001E24, #020009)
- Moss Hollow color palette (#E0E1D3, #65A22E, #714496, #7D2355, #091900)
Browse the whole catalog at Explore, or see today's palette.