Cobalt Coast color palette — #F6F1EB · #A5D3C6 · #6E77AE · #005B5F · #271837
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6F1EB): a clean, paper-quiet neutral.
- Pistachio (#A5D3C6): A whisper-light, dusty teal — the color of sea glass.
- Slate (#6E77AE): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#271837): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Timeworn Cobalt color palette (#FBF4EA, #ABCDC4, #5877B4, #005C74, #323661)
- Worn Cerulean Hollow color palette (#FAEFEB, #AFD2B2, #0A88AF, #135E30, #07203F)
- Forest Harbor color palette (#FAEFEA, #C9E4D0, #5895BC, #156F4E, #3D2138)
- Faded Sapphire Loft color palette (#FEEFE3, #82C6E6, #226DD7, #005249, #1B024E)
- Wandering Petrol color palette (#EEF8F0, #DBD5DF, #85A6E5, #007B99, #212D4B)
- Muted Cypress color palette (#F7F1EB, #C7E4E7, #B38FAB, #327876, #492C39)
- Tempered Grove color palette (#E8DDD6, #3E97AE, #004C7E, #002D21, #02001C)
- Frosted Rust color palette (#DDEFDC, #00A6A3, #B95968, #006260, #360913)
Browse the whole catalog at Explore, or see today's palette.