Tempered Grove color palette — #D3E3DC · #FF7260 · #978500 · #006D5B · #0D1A00
Built around Watermelon, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Silver (#D3E3DC): a clean, paper-quiet neutral.
- Watermelon (#FF7260): A luminous, vivid orange — the color of autumn markets.
- Olive Leaf (#978500): A luminous, balanced green — the color of new leaves after rain.
- Pine (#006D5B): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#0D1A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Soft Rose color palette (#D5E7D5, #FA4F7F, #9B7400, #006341, #171500)
- Weathered Amber Corridor color palette (#BEECE2, #E68800, #728A00, #006677, #001B0F)
- Dusty Drift color palette (#E5DFC5, #DB8D00, #948200, #216400, #040400)
- Wandering Pine Delta color palette (#BDEBD3, #F6A119, #A79600, #0E8C1F, #131500)
- Gentle Peony color palette (#F4D5E1, #E653BF, #CC5000, #336000, #231400)
- Dusty Moss Bloom color palette (#D8FFF4, #FAA328, #5EB100, #008491, #002E1D)
- Softworn Bronze Corridor color palette (#FBDCCE, #8C8134, #006849, #4A2641, #3E0718)
- Pine Studio color palette (#C8EBEB, #9A7300, #017D1F, #003A52, #000302)
Browse the whole catalog at Explore, or see today's palette.