Tempered Grove color palette — #F4F4FF · #976DAF · #637A44 · #455C22 · #313047

Built around Slate Blue, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Slate Blue (#976DAF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#637A44): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#455C22): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#313047): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Peony color palette (#F8F2FF, #BB689C, #63691C, #005353, #14364F)
• Cobalt Garden color palette (#EFF6FF, #5682C1, #83701B, #605214, #233449)
• Aged Driftwood color palette (#F9F2FF, #B57C99, #558D6B, #3C6B4F, #42394A)
• Tempered Alley color palette (#E1F8EF, #448FB8, #6F7D2C, #006331, #002016)
• Weathered Lilac Chapel color palette (#E3FCF1, #BB80B7, #9A524B, #005960, #453650)
• Muted Cypress Field color palette (#EEF6FF, #72A2DB, #749C68, #00826A, #223449)
• Pewter Atelier color palette (#F6F4FB, #E0D7DB, #CDBABD, #8D6584, #49464E)
• Frosted Veranda color palette (#E4E1FF, #9920BC, #006852, #004743, #2D1037)

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