Cobalt Terrace color palette — #F8F5EF · #C5E5D8 · #508ECE · #0C6E7D · #563F53

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Celadon Mist (#C5E5D8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#508ECE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#0C6E7D): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#563F53): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Cerulean Drift color palette (#F9F4EC, #C4E7CC, #2F97B8, #007267, #2D5044)
• Weathered Iris Delta color palette (#F9F0E8, #BEE7D6, #6E8DC7, #196C65, #3D2231)
• Worn Dune color palette (#FCF4E8, #A4D6F1, #0085D4, #00656E, #243F6D)
• Gentle Harbor color palette (#C6EACF, #4EBBDB, #0085B5, #0E5A8C, #543855)
• Aged Amber Canyon color palette (#E6FBF3, #58A8DD, #C5721E, #006CA1, #47413C)
• Weathered Mallow color palette (#E1FCF4, #E4DFED, #D5B5FE, #4C8095, #5A4958)
• Timeworn Quarry color palette (#FCF2F6, #C7EBFF, #86A5DC, #4A8780, #3F4662)
• Antique Cerulean Archive color palette (#E6DFD4, #328DA6, #00425E, #002222, #000919)

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