Tempered Cobalt Courtyard color palette — #FAF4EE · #C5E5DA · #6E89C3 · #006F7A · #5B3D4E

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C5E5DA): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6E89C3): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006F7A): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5B3D4E): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Wandering Delta color palette (#F4F6EE, #BBE7ED, #7AA8DF, #50829A, #573E55)
• Patina Cerulean color palette (#FCF3EE, #CAE5CD, #4196B2, #247255, #2E4F46)
• Tempered Petrol Basin color palette (#EAF4F4, #C0E1FE, #6D91B8, #1A6785, #1D2D42)
• Linen Cornflower color palette (#FDF3EA, #A3D5F6, #2979F2, #00666B, #393B64)
• Tempered Mustard Balcony color palette (#FFF2EE, #E0DACE, #DCC178, #9C6B94, #574F4B)
• Aged Rose color palette (#FFF2EF, #CB6279, #008F80, #007783, #49312C)
• Worn Lagoon Balcony color palette (#F2E3DC, #4C9F9D, #005362, #00321B, #001624)
• Aged Petrol color palette (#FFF2EC, #6FC8D1, #00799B, #005841, #00355C)

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