Tempered Courtyard color palette — #F8F6E6 · #A7B76D · #4D5C15 · #2E2B1E · #120F0A
A conversation between Sage and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A7B76D): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#4D5C15): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#2E2B1E): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#120F0A): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Stone Alley color palette (#E5F7F0, #ADC07A, #67827C, #455A53, #1B2420)
- Antique Teal color palette (#EDF9EA, #26B5A6, #304E3E, #182215, #050602)
- Wandering Pier color palette (#EFEEE2, #798C3D, #3F3E00, #201F13, #0E0C07)
- Moss Villa color palette (#F5F8DA, #41AC2D, #2F4222, #161700, #020100)
- Inked Cypress Cabin color palette (#E8F0E2, #00705B, #2F383E, #00161A, #010200)
- Dusty Mallow color palette (#F0F9E1, #A0DBBA, #DFA5D3, #C98DAC, #373933)
- Bronze Bloom color palette (#F5F6E9, #BCE1DE, #7FBBB9, #B47450, #374F0C)
- Washed Jade color palette (#F3F8E6, #B0EEE3, #F1B7D9, #68AC7A, #62393A)
Browse the whole catalog at Explore, or see today's palette.