Cobalt Terrace color palette — #F0F6FE · #D6DDF3 · #B8BAE2 · #4E72CD · #293343

Built around Sapphire, softened by Lavender — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Powder Blue (#D6DDF3): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B8BAE2): A luminous, dusty violet — the color of wild irises.
• Sapphire (#4E72CD): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#293343): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Timeworn Cerulean color palette (#EAF8FF, #CEE1F1, #A6C0E1, #00859F, #25353E)
• Ancient Cabin color palette (#EDEDFA, #DAD3EA, #BFB1CA, #84609E, #2C2C3C)
• Muted Cabin color palette (#EFF6FF, #CDD2E5, #A7A1C7, #2153B4, #293442)
• Hushed Dune color palette (#FCF1F9, #E8D6D7, #B8AC98, #4F6EF6, #341A2F)
• Misty Plum Delta color palette (#DEE8FF, #7977FF, #C10053, #564700, #002B26)
• Ancient Navy Terrace color palette (#EBEEFA, #A2A2B9, #88829B, #44387B, #060813)
• Driftwood Orchard color palette (#F7F3FB, #E2D7DC, #D2BBC1, #AD7F9A, #4A4550)
• Worn Amethyst Lagoon color palette (#DCE2FF, #883BFF, #4D2458, #141734, #020715)

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