Tempered Grove color palette — #E8F6EB · #8EAC63 · #307355 · #284B5E · #01221B
Built around Moss, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#8EAC63): A luminous, balanced green — the color of fresh herbs.
- Pine (#307355): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#284B5E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#01221B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
Use it as a design system
One click turns Tempered Grove 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
- Antique Dune color palette (#FDEDF5, #B79C65, #5F6C2A, #40445F, #0F2114)
- Weathered Lagoon Workshop color palette (#E6F6EF, #95C09B, #31857A, #43576A, #102D2B)
- Antique Emerald color palette (#D2E7DB, #5CA156, #006454, #42304E, #001614)
- Lagoon Summit color palette (#F9F6E4, #B3DEA5, #549B71, #546B4F, #292A0F)
- Patina Olive Basin color palette (#CEE8D8, #53893C, #00503E, #002E41, #020B00)
- Cobalt Coast color palette (#F7EFF6, #8AD6DE, #0187B7, #005F37, #0C203C)
- Hushed Blush color palette (#EAF3FF, #F6CFE7, #EB99AE, #437F8A, #1F2436)
- Weathered Iris Grove color palette (#DEE9FF, #7487EF, #9D7400, #3E49A3, #261A00)
Browse the whole catalog at Explore, or see today's palette.