Tempered Courtyard color palette — #E7D6F7 · #FF844A · #818100 · #1A1A00 · #000904

Apricot and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E7D6F7): A whisper-light, dusty violet — the color of wild irises.
• Apricot (#FF844A): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#818100): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1A1A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000904): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Linen Moss Hollow color palette (#FEE2FD, #939C00, #7C8300, #141600, #000704)
• Feathered Corridor color palette (#F0DAD3, #9D85FF, #D76B00, #250D00, #0C0206)
• Rose Grove color palette (#EDF1D0, #FF3B7F, #5E9A00, #001612, #000604)
• Softworn Mustard Market color palette (#F0E0E7, #CABA00, #009F6A, #002223, #030E0E)
• Muted Magenta Summit color palette (#E3E7CC, #FD36D3, #8E9600, #151700, #000503)
• Misty Blush Delta color palette (#F8DAD0, #FF7CB7, #00BAA0, #0E2533, #051214)
• Scarlet Dune color palette (#ECDEC2, #ED0028, #008286, #050D15, #000102)
• Timeworn Coast color palette (#FCCCFF, #FFD1B7, #92B91E, #283934, #181E1C)

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