Tempered Grove color palette — #F0D8D4 · #A6743E · #474D00 · #181346 · #040002
A conversation between Mocha and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Bone (#F0D8D4): A whisper-light, dusty orange — the color of toasted spice.
- Mocha (#A6743E): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#474D00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#181346): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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
- Cocoa Meadow color palette (#FFE6EF, #A6726B, #5D4600, #001F3D, #00000C)
- Weathered Abyss color palette (#EEE0CB, #7C7F3A, #1B4800, #350028, #010100)
- Eclipse Summit color palette (#FBE5F7, #7F5344, #3F3500, #220033, #080010)
- Bronze Drift color palette (#F1DFD3, #945B00, #514100, #151300, #010100)
- Weathered Lantern color palette (#F8E5D0, #A38000, #6A6A22, #145542, #00171C)
- Patina Nightshade color palette (#EBE6CD, #635400, #290DC7, #430075, #020100)
- Grape Thicket color palette (#F3E6CB, #7D6A00, #4D00E1, #342B00, #010009)
- Washed Basalt Hollow color palette (#F9E9C8, #8A9F60, #006A5B, #531D47, #1F0004)
Browse the whole catalog at Explore, or see today's palette.