Tempered Courtyard color palette — #EFF8F3 · #BCEBD1 · #6FC4E5 · #B7AD63 · #233037

Sage takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Mint (#BCEBD1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#6FC4E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sage (#B7AD63): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#233037): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Apricot Quarry color palette (#F1F7F1, #F9D8B1, #6ACAC7, #D3A061, #223135)
• Aged Hollow color palette (#EEF7F5, #ADF0EB, #6AC2A1, #82A853, #082324)
• Mint Villa color palette (#EAF9F9, #7DD1AE, #5CB4C3, #A377A5, #2D3B30)
• Wandering Teal Parlor color palette (#EBF8F9, #9CE8CC, #A7A3F3, #45B995, #1E2334)
• Timeworn Moss Boulevard color palette (#E9FAF4, #BADE74, #46AEFF, #83AB00, #051E34)
• Lagoon Quarry color palette (#DBFFEE, #C5EABE, #8BCBAC, #349D9C, #005063)
• Patina Boulevard color palette (#E9F9F6, #B0D3A4, #94A8DB, #A97682, #5E343C)
• Antique Pewter Studio color palette (#EEF7F5, #D4DBDF, #AFB1BD, #6D5E59, #464E50)

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