Tempered Courtyard color palette — #E8E2CF · #736C00 · #2534E1 · #3E3A00 · #010024
A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E8E2CF): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#736C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Cobalt (#2534E1): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#3E3A00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#010024): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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
- Tempered Nightshade Parlor color palette (#D4E6DB, #7B6B00, #3B41B7, #332B00, #01000B)
- Sunlit Hollow color palette (#EAEFDB, #007E3A, #5900E3, #00451C, #06001F)
- Dusty Grape Chapel color palette (#F4E8C9, #746B00, #7C00BB, #3E3900, #0C0017)
- Patina Lagoon color palette (#E2F5E9, #5F5000, #2B11AC, #272000, #030022)
- Navy Lagoon color palette (#F0DFD3, #B65D1E, #003FA4, #5A2700, #000419)
- Feathered Bloom color palette (#F9E5C9, #755000, #6B00A7, #5C027D, #030100)
- Gentle Amethyst Station color palette (#D5E6CA, #009D82, #6C49FF, #006150, #19064D)
- Muted Alley color palette (#F6ECD3, #8F7F00, #008184, #605500, #000808)
Browse the whole catalog at Explore, or see today's palette.