Cobalt Coast color palette — #ABF0F9 · #4AB0D0 · #3087BC · #345086 · #292951

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

The five colors

• Sea Foam (#ABF0F9): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4AB0D0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3087BC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#345086): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#292951): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Dusty Denim Bloom color palette (#BEE6FF, #6EAED4, #2885BF, #005D9C, #2A466E)
• Hazy Teal color palette (#CBF6E8, #50BFB5, #008192, #005670, #0A2F4B)
• Cobalt Field color palette (#D9EAF5, #83ACE9, #576EB6, #544783, #321E3E)
• Cobalt Pier color palette (#E9F3FF, #A3C1F8, #5971AD, #223B6F, #051134)
• Powdered Delta color palette (#E8F3FF, #75A9D8, #B6823E, #1A69A4, #392100)
• Chalky Garden color palette (#D0F2FF, #008FE0, #004DC8, #300098, #230049)
• Timeworn Mallow color palette (#E8F3FF, #DAD5E3, #DAB0D7, #5B899D, #252F42)
• Wandering Seafoam color palette (#EFE1D8, #00ECC8, #19A3E9, #152B3B, #09121A)

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