Cobalt Coast color palette — #EEF6FF · #4D84C1 · #A15C3B · #5A5500 · #233447

Built around Cerulean, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Cerulean (#4D84C1): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#A15C3B): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#5A5500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#233447): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Fern Terrace color palette (#F1F5FF, #7A78BE, #956709, #23630D, #2B3247)
• Chestnut Quarry color palette (#EFF6FF, #566DA7, #904826, #3B4B00, #112C36)
• Weathered Cocoa color palette (#E9F8FE, #00929D, #9A5976, #843B00, #173843)
• Iris Hollow color palette (#EDF1FF, #8078D4, #AB5B48, #833726, #13192C)
• Antique Thicket color palette (#E9FBEC, #938FCE, #8B518B, #5B4D00, #393A56)
• Pale Amber Field color palette (#E7FBF0, #3FADCF, #C97657, #358056, #21392D)
• Muted Corridor color palette (#D8E5FF, #4A54D6, #7F4A00, #334400, #13164C)
• Aged Pewter color palette (#F0EBFF, #945691, #616700, #005142, #29213A)

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