Tempered Grove color palette — #FAF5E7 · #9B9257 · #3D8D8E · #505B8F · #403D36
A conversation between Peacock and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E7): a clean, paper-quiet neutral.
- Moss (#9B9257): A luminous, dusty green — the color of a quiet forest floor.
- Storm Blue (#3D8D8E): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#505B8F): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
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 Boulevard color palette (#F9F5EB, #948E5D, #007779, #5A4076, #37322D)
- Aged Mulberry color palette (#F5F6EB, #719E6D, #4B86AB, #80477A, #3D3E37)
- Cerulean Grove color palette (#E3F7F3, #76A464, #1990B0, #38618C, #142724)
- Muted Cocoa Quarry color palette (#FEF3E9, #BCA47D, #5A8359, #6C4B76, #574600)
- Softworn Aubergine Basin color palette (#FEF5DD, #847800, #007193, #6005A8, #312C00)
- Driftwood Ridge color palette (#F8F5EF, #D8DCD5, #9DB0B4, #92814E, #575248)
- Hushed Forest color palette (#FFF3E7, #C6B98D, #7E8B54, #1A6B2E, #005148)
- Bronze Thicket color palette (#F9F4EF, #DDB897, #4E8D61, #9D5B03, #2D2F28)
Browse the whole catalog at Explore, or see today's palette.