Tempered Cobalt Terrace color palette — #F9F4EE · #C4E5DB · #668BC6 · #006D85 · #593E51

Slate Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C4E5DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#668BC6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006D85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#593E51): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered 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

• Softworn Balcony color palette (#F8F5EF, #C4E6D1, #3F94BD, #00716E, #2E4F47)
• Iris Hollow color palette (#F7F1EA, #BEE7D9, #7A8BC0, #2A6A69, #3E222F)
• Weathered Courtyard color palette (#CDF6DD, #4BB5DE, #0085C6, #2A5E9B, #5F4159)
• Mallow Alley color palette (#FFF0FF, #E9D6D8, #CFABEF, #5486A0, #564351)
• Timeworn Cornflower Orchard color palette (#FDF4E6, #ABD4F2, #0D7DED, #006475, #303D69)
• Weathered Amber Market color palette (#E6FBF5, #6BA4DD, #B77B1F, #2469A5, #583C16)
• Powder Lagoon color palette (#EDF8F7, #D7DBF1, #9DC0ED, #69A0BE, #334868)
• Denim Lantern color palette (#F6EEE1, #67ABB9, #00607E, #003E3A, #002138)

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