Cobalt Coast color palette — #F7F1E8 · #ACDBCF · #5A80D0 · #005E77 · #1D1957

Built around Azure, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Oat (#ACDBCF): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#5A80D0): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#005E77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D1957): 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

• Cerulean Chapel color palette (#F8F1E5, #A0DAEB, #008EC0, #006260, #002745)
• Muted Balcony color palette (#EEF9ED, #A4D4FF, #606CF4, #006669, #483561)
• Soft Periwinkle color palette (#ECF9EF, #BFDFFF, #6997FB, #007E9E, #36396E)
• Patina Workshop color palette (#E9E2D8, #6EA6B9, #005F89, #00393A, #000B1D)
• Petrol Lagoon color palette (#EEE8E0, #9EBCA1, #00788C, #004D3F, #001924)
• Patina Abyss Summit color palette (#F2E8D9, #488291, #00415A, #001F1E, #000104)
• Washed Turquoise Chapel color palette (#D5FAFF, #00C0D4, #007F8E, #003F47, #001418)
• Crimson Studio color palette (#E6F7E5, #00AEAC, #DB4364, #006967, #430014)

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