Tempered Grove color palette — #EFF7F5 · #B5C89C · #5E7FAB · #5A7A14 · #252F3B

A conversation between Olive and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Pistachio (#B5C89C): A luminous, dusty green — the color of fresh herbs.
• Slate (#5E7FAB): A full-bodied, dusty blue — the color of open sky before noon.
• Olive (#5A7A14): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#252F3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Aged Bronze Lantern color palette (#F1F7F1, #D7BC94, #238C99, #906300, #203137)
• Wandering Cypress color palette (#EEF7F8, #98CEB9, #9A6A97, #008063, #2F2C38)
• Hushed Cerulean color palette (#F1F3EB, #A5D1A7, #0A93A4, #4C8050, #0E1911)
• Dusty Studio color palette (#EEF7F6, #B5DEB6, #00AEC6, #619D65, #243035)
• Hushed Chestnut Cabin color palette (#FEF1F9, #97B18B, #2A8494, #854533, #314E4F)
• Sunlit Lapis Market color palette (#E6FAF8, #64B870, #4E52C9, #006823, #121C34)
• Navy Villa color palette (#D9FFF2, #8CC3C0, #3A9592, #006682, #25477C)
• Dusty Aubergine Corridor color palette (#DDF1F4, #008A76, #630078, #003B31, #040013)

Browse the whole catalog at Explore, or see today's palette.