Cobalt Coast color palette — #F8F0EA · #A0CFE9 · #577BBA · #005C54 · #201A3C

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Sky (#A0CFE9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#577BBA): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#201A3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Cobalt Bloom color palette (#FFEEE4, #5ECCE7, #0077BC, #00543F, #0E0A4E)
• Tempered Cerulean Studio color palette (#FDEEE9, #ADD3B3, #1F86B0, #0C5F36, #2E162E)
• Cobalt Terrace color palette (#F4F7EA, #A3D1BE, #467EA7, #005D71, #48304C)
• Washed Periwinkle color palette (#FDF1F6, #B3DAF6, #6598D8, #007B7E, #32375C)
• Weathered Station color palette (#FBE2D8, #009BAD, #004F73, #002D1B, #00001F)
• Jade Coast color palette (#EBF3DD, #3CB55E, #007260, #004D4C, #00222A)
• Denim Atelier color palette (#F9EDE0, #6AA3CE, #3E50A0, #003939, #110026)
• Navy Corridor color palette (#FCEBDB, #3C80A8, #173185, #001F1E, #020008)

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