Cobalt Coast color palette — #ECF2FF · #F5D5FF · #FFA3AF · #007DC4 · #2E1E43

A conversation between Cerulean and Ballet Pink, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Thistle (#F5D5FF): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#FFA3AF): A luminous, balanced red — the color of embers at dusk.
• Cerulean (#007DC4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2E1E43): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Mallow color palette (#E9F3FF, #E4D1EA, #ED9AE3, #008598, #1E2047)
• Ultramarine Meadow color palette (#EBEEFF, #DDB2D6, #E48791, #225EB4, #280E32)
• Patina Indigo Station color palette (#F0F0FF, #F6D2D0, #FFA17F, #6869D4, #3D132F)
• Worn Azure Market color palette (#FFF0F9, #F1D2E2, #FFB0BF, #5296DC, #4B4267)
• Faded Grove color palette (#F2F5FF, #E7D4FF, #D595DA, #6061BC, #404260)
• Driftwood Bloom color palette (#F7EEFA, #ECD3D6, #B6DFD5, #A276A0, #473644)
• Dusty Lilac color palette (#FFF0F7, #E6D9E2, #C8BEB7, #9A97FF, #43345B)
• Nightshade Station color palette (#E8E5FE, #DF95B8, #CA644D, #373895, #1E001C)

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