Tempered Terrace color palette — #EEEDD9 · #6C9200 · #006058 · #384E00 · #000202
A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#EEEDD9): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#6C9200): A luminous, balanced green — the color of fresh herbs.
- Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#384E00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Tempered Terrace 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
- Aged Pier color palette (#EBF1E0, #1B9B63, #005C74, #005331, #000203)
- Washed Garden color palette (#E7DFD1, #9C8100, #006339, #534400, #010200)
- Worn Emerald Study color palette (#E1F0DD, #00955D, #006256, #003538, #000D10)
- Pine Chapel color palette (#F2E2C0, #00884A, #005655, #490050, #000F09)
- Misty Moss color palette (#DBF4E7, #A59F00, #008198, #6F6A00, #000204)
- Nightshade Balcony color palette (#ECECD4, #2A6600, #2402C2, #46002A, #030100)
- Weathered Forest Veranda color palette (#E6E8DC, #B0B7A9, #889C84, #006520, #131600)
- Olive Alley color palette (#E4DFD2, #726B00, #003A47, #2B2800, #000203)
Browse the whole catalog at Explore, or see today's palette.