Cobalt Coast color palette — #FDF3EC · #9DD5ED · #1F7FC8 · #00524E · #030037

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Powder Blue (#9DD5ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#1F7FC8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#030037): A deep, shadowed, balanced violet — the color of wild irises.

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

• Washed Cerulean Thicket color palette (#FDF3ED, #90DBDD, #0088A5, #005438, #000E1B)
• Frosted Ultramarine Veranda color palette (#F5EDE4, #93BBE2, #3E56D6, #003C46, #030010)
• Iris Corridor color palette (#FCF3EB, #C2F1E2, #658EE9, #006873, #1D1345)
• Pale Azure Courtyard color palette (#E0EEED, #7CCCEC, #009ED8, #007A8C, #002238)
• Denim Market color palette (#F1E2EA, #53ABCC, #005A96, #003E3B, #0F1A48)
• Dusty Denim color palette (#FDECE3, #68ADC4, #00598B, #002C27, #00000B)
• Antique Periwinkle Courtyard color palette (#FEF3EB, #D8D5E2, #72B2FE, #008789, #282E66)
• Hushed Pine color palette (#FBF3EF, #BCE6EC, #45B6D1, #008452, #00324C)

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