Tempered Courtyard color palette — #F9F4EE · #C3E6D6 · #4C90C7 · #006F79 · #553F54

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C3E6D6): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4C90C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006F79): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#553F54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Washed Workshop color palette (#F9F4EE, #C8E5CC, #2E99B1, #077261, #2A5142)
• Weathered Cerulean Basin color palette (#F9F0E9, #B9E9D3, #6C8FC2, #1D6C61, #3C2332)
• Muted Cobalt color palette (#FBF4E9, #8CDBFA, #0088C8, #00666A, #254164)
• Softworn Veranda color palette (#FEF1F7, #CAEAFF, #86A6D6, #368A7E, #3E4664)
• Softworn Courtyard color palette (#E7E2D9, #4D8B99, #004359, #002220, #000A16)
• Timeworn Teal Station color palette (#F1EADE, #5CAEB0, #006272, #003F32, #002331)
• Powdered Study color palette (#FFF2EF, #C36784, #6F8600, #156FA3, #4B302C)
• Weathered Aqua color palette (#FFF4E2, #46CFCA, #007C89, #005840, #003948)

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