Cobalt Coast color palette — #F8ECE1 · #A1D0C2 · #6483CE · #006A76 · #2C274F
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8ECE1): a clean, paper-quiet neutral.
- Pistachio (#A1D0C2): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#6483CE): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#006A76): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#2C274F): 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
- Cornflower Study color palette (#FFF3E8, #92D3FF, #518AEA, #007178, #2D2075)
- Faded Terrace color palette (#F8ECE6, #8AD3D8, #0A94B8, #006F50, #003051)
- Muted Iris Field color palette (#FDF2F5, #D7DEFB, #678EE7, #006873, #1D173E)
- Periwinkle Boulevard color palette (#ECF1E4, #ACD9FF, #59A7FF, #008AB8, #182D52)
- Misty Cobalt color palette (#E3F2F2, #8EB6D8, #1468BA, #004B67, #122B5A)
- Wandering Azure Courtyard color palette (#FFF2EC, #9DE9F8, #00A9E5, #00856E, #123F75)
- Muted Thicket color palette (#E8DBD5, #53A1A5, #00627A, #003D2A, #000A16)
- Muted Apricot color palette (#FFEFF4, #F0BED6, #E99B8F, #6979B6, #49272E)
Browse the whole catalog at Explore, or see today's palette.