Tempered Courtyard color palette — #F5F7E8 · #67BA43 · #0061C5 · #286600 · #281429

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Clover (#67BA43): A luminous, vivid green — the color of fresh herbs.
• Cobalt (#0061C5): A full-bodied, vivid blue — the color of open sky before noon.
• Olive (#286600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#281429): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Lapis Thicket color palette (#F4F6EE, #4CB173, #5345C2, #006032, #25101E)
• Airy Dune color palette (#DCF9F8, #00C67D, #00788B, #006D42, #000B12)
• Feathered Moss color palette (#F9F5E8, #AEA61A, #007181, #5D5800, #0C2215)
• Hazy Violet color palette (#F1F7EE, #4EC6AE, #8053B9, #00705F, #2F1E25)
• Weathered Canyon color palette (#ECECE0, #679849, #6000BC, #254D00, #1A0510)
• Mint Grove color palette (#F2F8E6, #00DD8B, #0096AE, #008E58, #072314)
• Muted Atelier color palette (#FFF2EC, #00A570, #006795, #801700, #003E3C)
• Faded Grape Drift color palette (#F9F7DD, #729212, #4E15D6, #543A00, #262F04)

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