Tempered Grove color palette — #FFF2EC · #D6B6FF · #CF85D1 · #B66A54 · #4E353C

Bubblegum and Lavender set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Lavender (#D6B6FF): A whisper-light, balanced violet — the color of wild irises.
• Bubblegum (#CF85D1): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#B66A54): A luminous, balanced orange — the color of toasted spice.
• Charcoal (#4E353C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, Balance. Tagged retro.

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

• Wandering Pier color palette (#FFF2EA, #F4ADDE, #DE86A1, #A87734, #4F3535)
• Lilac Market color palette (#FFF2EE, #B2C5FF, #A793F4, #B3677B, #4B3544)
• Wisteria Orchard color palette (#F3DEE5, #C38FF3, #806486, #57434A, #1E1519)
• Lilac Coast color palette (#D8FFF8, #B5CBFF, #B17CB4, #486F42, #2B3046)
• Worn Cocoa color palette (#FFF1F3, #F1CDCF, #DBA3B5, #9F8770, #694500)
• Weathered Amber color palette (#FFEBD5, #FE9A97, #DD774A, #727C0A, #362F2B)
• Peony Basin color palette (#FFDCCF, #F572FF, #F31AAD, #A05500, #3F1739)
• Feathered Ember color palette (#F5D8BF, #FC7B96, #E54B37, #726700, #3A1A0F)

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