Cobalt Terrace color palette — #DDF1F8 · #7AAFD7 · #597EB4 · #76507A · #443554

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Frost (#DDF1F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#7AAFD7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#597EB4): A full-bodied, balanced blue — the color of open sky before noon.
• Graphite (#76507A): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#443554): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Cerulean Garden color palette (#C4E9E6, #5CBCC7, #2089A9, #554E7F, #32304E)
• Dusty Ash color palette (#EEF6FF, #B8CEF3, #9996C9, #81728B, #564859)
• Aged Iris color palette (#E3E8FF, #A3ABD1, #9A6FB5, #7F484C, #4F251D)
• Washed Petrol Market color palette (#D3EAFF, #7493C9, #5E5FAB, #6E3054, #4B1B28)
• Ancient Powder color palette (#C8EAE9, #7FC4E6, #7793C3, #9C6367, #5F2C0D)
• Feathered Pier color palette (#EAEEFD, #877FBC, #724993, #6E2430, #360500)
• Cobalt Ridge color palette (#E3F2F2, #9ACBF1, #3A8AD7, #006788, #112D57)
• Softworn Courtyard color palette (#D3FBD4, #9FCADB, #788BC0, #466043, #452B03)

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