Tempered Grove color palette — #FFF2EE · #FF3761 · #927E00 · #3E6100 · #210005
Built around Scarlet, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Scarlet (#FF3761): A luminous, vivid red — the color of embers at dusk.
- Olive Leaf (#927E00): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#3E6100): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#210005): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
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
- Quiet Ember color palette (#FFF2EB, #F7500F, #748900, #00662C, #1E0300)
- Hushed Rose Villa color palette (#FFF2ED, #DE5751, #7A7C00, #5F3586, #130300)
- Tangerine Lantern color palette (#FFF3E4, #FF8053, #A65E00, #2C5200, #2C0E00)
- Dusty Raspberry Quarry color palette (#F5EBFF, #D02894, #2C5900, #004545, #1B0010)
- Antique Pine color palette (#FFF3E5, #C57E00, #007B2C, #00423D, #000307)
- Ember Station color palette (#FFF2F0, #FFA182, #D05E00, #673600, #291700)
- Amber Lantern color palette (#FFF4E1, #B68A00, #00946F, #006167, #130B00)
- Mallow Orchard color palette (#FFDAD9, #FF89CC, #009A75, #007B80, #350E26)
Browse the whole catalog at Explore, or see today's palette.