Tempered Courtyard color palette — #E9E1C6 · #7E985B · #005F1A · #002D4F · #010100

Pine and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E9E1C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#7E985B): A luminous, balanced green — the color of fresh herbs.
• Pine (#005F1A): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002D4F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Hushed Emerald color palette (#E1E4C4, #36A573, #005B4D, #242356, #000201)
• Hushed Fern color palette (#FEF5DA, #96AB71, #346F32, #4F2D51, #050900)
• Olive Chapel color palette (#E0F2E9, #577725, #004510, #002341, #0A1300)
• Smoked Spruce Balcony color palette (#F0DBE2, #6F6B15, #0D4202, #370332, #030300)
• Misty Olive color palette (#F6E9DC, #A29B42, #44812F, #7C3773, #121000)
• Aqua Alley color palette (#F8ECDA, #61C9D4, #00738C, #003F36, #000306)
• Washed Harbor color palette (#FFE0E4, #C45CC0, #007725, #5A0058, #000200)
• Plum Canyon color palette (#F0D7E9, #AE0396, #685700, #004B5A, #040003)

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