Tempered Terrace color palette — #E8FAF5 · #8CAC5E · #5F86DB · #51720F · #304167
Azure and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FAF5): bright and airy, almost weightless.
- Moss (#8CAC5E): A luminous, balanced green — the color of fresh herbs.
- Azure (#5F86DB): A luminous, balanced violet — the color of wild irises.
- Olive (#51720F): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#304167): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Sunlit Mustard Lantern color palette (#F7F2E0, #AEA934, #8883CA, #6B6816, #391C2E)
- Powdered Cornflower Quarry color palette (#FFF1F5, #C7945C, #5785E8, #8F5600, #31435E)
- Mustard Loft color palette (#E8FAF1, #C0BD5F, #A49ADF, #88842E, #3A405E)
- Aged Peony color palette (#E6FBF4, #94AA5E, #C360AA, #597000, #483B5C)
- Wandering Moss color palette (#E4FCF1, #89901D, #816ABD, #864689, #203F34)
- Timeworn Bronze color palette (#E9FAF1, #81B3A7, #7D7426, #6B4A22, #244343)
- Soft Loft color palette (#DBF4F7, #00A58C, #C24960, #006556, #58202A)
- Plum Workshop color palette (#CAE4E8, #009385, #B0248A, #00554D, #461036)
Browse the whole catalog at Explore, or see today's palette.