Cobalt Terrace color palette — #F0F7F1 · #9CCBEF · #507AB2 · #005D6E · #2A3A59

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sky (#9CCBEF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#507AB2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D6E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2A3A59): 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 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

• Cobalt Lagoon color palette (#FAEEF3, #B0CBE2, #617CAC, #005A62, #1D1A40)
• Soft Sky Orchard color palette (#EBFAEE, #42C8F5, #0075AD, #005559, #003167)
• Wandering Petrol Study color palette (#EEF6FF, #D3D8FF, #B29CCF, #387A99, #364254)
• Tempered Cerulean Villa color palette (#F3F7EC, #C0EBDC, #83B7E9, #0099C4, #1C3B64)
• Antique Periwinkle Meadow color palette (#FEF3EA, #ADE2D0, #7195D8, #007A84, #4F2E42)
• Gentle Denim color palette (#F0F5FF, #6EAAFB, #2F59AD, #103469, #081D48)
• Antique Archive color palette (#E2F2E5, #00A0B9, #00516C, #00302D, #001527)
• Muted Cobalt color palette (#D2E7FF, #007ADC, #A84859, #3F680F, #182D43)

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