Cobalt Terrace color palette — #F4EDE7 · #8DB7D4 · #3566B5 · #004F54 · #282753

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

The five colors

• Cream (#F4EDE7): bright and airy, almost weightless.
• Ash (#8DB7D4): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3566B5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#282753): A deep, shadowed, dusty violet — the color of wild irises.

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

• Petrol Alley color palette (#F8ECE6, #99BBA3, #00719B, #005142, #0D2E54)
• Hushed Field color palette (#E0ECEB, #84BBE0, #006FB6, #00485D, #001533)
• Ancient Cobalt color palette (#FCF4EB, #A4D0C4, #6375B0, #005E6C, #3C325F)
• Chalky Cobalt Summit color palette (#EDF0E6, #96CCF0, #008BE1, #006884, #142E4F)
• Quiet Villa color palette (#FDEBE1, #4D9BB5, #004D7C, #00302C, #020546)
• Weathered Hollow color palette (#F8EAEF, #A4DBFF, #6FA5F8, #009097, #282851)
• Hushed Cypress Villa color palette (#FAF3F0, #CAE4D2, #4A93B9, #00735F, #314968)
• Tempered Villa color palette (#EEE2DC, #488D8D, #004452, #002413, #000A15)

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