Cobalt Coast color palette — #ECF9F4 · #E6D9E5 · #B7B9E6 · #007FC0 · #0E3B30

Cerulean takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Silver (#E6D9E5): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#B7B9E6): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007FC0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#0E3B30): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Muted Lagoon color palette (#F0F7F2, #D2E3DB, #A3C7BE, #008797, #26382B)
• Patina Azure color palette (#ECF7FF, #DBD7ED, #CFB7D8, #30A4D9, #1D3647)
• Softworn Denim color palette (#EDF8F3, #E3CADD, #B39BCA, #006386, #253730)
• Sapphire Pier color palette (#FAF2FA, #ECD7E4, #D9B1C1, #146DF5, #3D2D3C)
• Ancient Field color palette (#FBF2F6, #E2D6D3, #D2B9AE, #8A6CC9, #44363C)
• Soft Boulevard color palette (#F7DFF8, #2B8AFD, #B5008D, #673C00, #002D12)
• Misty Chestnut color palette (#D3E4FE, #A6A5E5, #9872A2, #7F5300, #414600)
• Patina Ash Atelier color palette (#F8F3F8, #DFD7D9, #BDB0A9, #809EC3, #575057)

Browse the whole catalog at Explore, or see today's palette.