Cobalt Terrace color palette — #E7DDD5 · #7ABBDC · #4272C4 · #005A52 · #210F4C

Sapphire and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E7DDD5): bright and airy, almost weightless.
• Sky (#7ABBDC): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#4272C4): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#210F4C): 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 Terrace 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

• Hazy Forest color palette (#F4E9E5, #79BFC2, #0080A7, #005D2D, #001D46)
• Sapphire Corridor color palette (#FFF1F7, #8CD7FB, #1172F4, #005249, #0D032B)
• Denim Thicket color palette (#E0EAE2, #72A6C3, #005A98, #003D44, #071B49)
• Weathered Azure color palette (#E6DED3, #91C8E7, #0E97F6, #007B88, #0C1D41)
• Azure Thicket color palette (#FFF2ED, #81DBE7, #0098D1, #007749, #0A2B73)
• Petrol Harbor color palette (#E1DDFB, #EDA5DA, #DD8568, #1F6AA4, #2F1736)
• Washed Byzantium Workshop color palette (#E2DCE9, #924DC8, #5F7300, #0C6231, #1A052A)
• Soft Coast color palette (#FCF3EC, #B5E2FF, #7398EE, #00837D, #433569)

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