Cobalt Coast color palette — #FCEFE8 · #A3DAEA · #0088D9 · #00644D · #191E4F

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Powder Blue (#A3DAEA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0088D9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00644D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#191E4F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Indigo Grove color palette (#F9F0E7, #ABD5FB, #6271F6, #006264, #2D1845)
• Weathered Bloom color palette (#FDEEEA, #95E0DA, #0092AE, #11670D, #002744)
• Faded Delta color palette (#FFEEE3, #67CAED, #0072CF, #005345, #16084B)
• Aged Cobalt color palette (#FCF4E8, #8FDBF2, #008ABE, #006666, #214262)
• Chalky Azure color palette (#FFF0F9, #9BE9FF, #56A2E2, #008569, #333A6E)
• Wandering Drift color palette (#F6E7E0, #4097AA, #004E79, #002D1F, #01001D)
• Wandering Nightshade Corridor color palette (#F6EEE6, #427EAD, #2519A1, #001F20, #020007)
• Moss Quarry color palette (#ECE9D5, #78B50F, #008052, #005247, #002D33)

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