Tempered Grove color palette — #EFF6FF · #5E81BE · #627B3C · #465B25 · #253448

Slate Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Slate Blue (#5E81BE): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#627B3C): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#465B25): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#253448): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Lagoon Lantern color palette (#E7F9FE, #009491, #7C7326, #5D5408, #173840)
• Hushed Iris Ridge color palette (#F0F5FF, #7481D1, #805C15, #005356, #09374A)
• Worn Iris color palette (#F2F5FF, #8573BE, #00827F, #00605E, #2D3149)
• Timeworn Harbor color palette (#F1F5FF, #9596DC, #B08746, #5A7B33, #2B3248)
• Patina Thicket color palette (#FAEEF5, #7E7DC3, #9E6819, #2B6112, #291020)
• Tempered Bloom color palette (#F9F2FD, #BE7797, #8B7F4F, #6C5F24, #43384A)
• Iris Boulevard color palette (#DAFEFC, #8393D5, #8E5472, #005A55, #393B52)
• Ancient Field color palette (#F4F4FC, #DFD8DD, #CEB9BF, #7C6A95, #464751)

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