Tempered Courtyard color palette — #F6F0EC · #C5E7E6 · #72A0D1 · #3A7775 · #432F3E

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

The five colors

• Cream (#F6F0EC): a clean, paper-quiet neutral.
• Silver (#C5E7E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#72A0D1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#3A7775): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#432F3E): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Coral Thicket color palette (#E5F6F1, #80BAE7, #DA8069, #2B78AB, #362F2C)
• Timeworn Cerulean Dune color palette (#DBF2D9, #6CBECE, #0092B9, #2A5A82, #493146)
• Washed Ash Studio color palette (#F4F6EE, #C0ECEC, #73A594, #537862, #415852)
• Denim Garden color palette (#F4E8E0, #64A7C0, #005C95, #003A36, #020132)
• Lagoon Workshop color palette (#FBF2F7, #D9D4E4, #98B4D4, #559391, #4A5365)
• Aged Amber Lagoon color palette (#E1F8EE, #51A7D1, #C57650, #937337, #182C24)
• Petrol Summit color palette (#F4E6DF, #78C1C8, #007695, #004D37, #00172C)
• Antique Forest color palette (#FAEFEA, #8AE2DD, #0093A9, #006639, #00293C)

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