Cobalt Coast color palette — #F4D4E1 · #00A7A5 · #166BB6 · #6D3800 · #002932

Built around Royal Blue, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F4D4E1): A whisper-light, dusty rose — the color of strawberry cream.
• Turquoise (#00A7A5): A luminous, balanced teal — the color of glacier melt.
• Royal Blue (#166BB6): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6D3800): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002932): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

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

• Tempered Sapphire Villa color palette (#CAE8C8, #00A4BC, #4A5FBE, #643F00, #00283A)
• Cobalt Basin color palette (#FFF3E8, #00B9B5, #006DBC, #5F3300, #00180A)
• Misty Garnet Thicket color palette (#F0D4E9, #00AD78, #00758F, #86101E, #002B27)
• Muted Mulberry Quarry color palette (#C6E8F5, #0098A5, #A32D75, #693000, #222100)
• Turquoise Cabin color palette (#D1E7E7, #71B0D5, #737D9D, #46684D, #4B3500)
• Charred Coast color palette (#D1E5F2, #007DA1, #22334D, #041824, #000608)
• Faded Cerulean color palette (#F9E9F4, #8DD2D5, #0095B6, #006F4C, #00314F)
• Aubergine Workshop color palette (#D4FAE9, #007CA8, #521EAD, #2D2E00, #000B1F)

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