Tempered Courtyard color palette — #FCF3EF · #BFDEC6 · #589EC7 · #008052 · #293A5D

Teal takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#BFDEC6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#589EC7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008052): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#293A5D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Timeworn Iris color palette (#FAF4EE, #B2E0D3, #818FDC, #007B80, #423158)
• Softworn Cerulean color palette (#EFF8F0, #92D2D9, #0086A2, #006154, #113F57)
• Dusty Lagoon Drift color palette (#FCF4E8, #9FF0F9, #68BFDA, #329F8E, #0F3F57)
• Teal Corridor color palette (#E6F3E7, #4DC2AB, #00999C, #006C87, #0E3F69)
• Lagoon Market color palette (#E9FAEE, #FCE0FD, #D0B0E9, #3B956D, #194159)
• Wandering Field color palette (#FBF3F1, #C3E0E6, #8EBDA9, #4F986B, #624961)
• Pale Cobalt Basin color palette (#F0E3DD, #82BCCA, #007BBE, #005C44, #111550)
• Pale Coral color palette (#E2F4EA, #49B7DB, #DE6C7C, #007E9D, #5F1726)

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