Tempered Grove color palette — #F5F4FB · #D8B1D8 · #AC6570 · #885A89 · #332A35

Built around Mocha, softened by Slate — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F5F4FB): bright and airy, almost weightless.
• Carnation (#D8B1D8): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#AC6570): A full-bodied, balanced red — the color of a theater curtain.
• Slate (#885A89): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#332A35): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, 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

• Washed Petrol Hollow color palette (#F1F5FD, #B1BDF2, #8F6F9E, #5E68A1, #2D2C38)
• Antique Indigo color palette (#F0F1F8, #BBC0E8, #B56E4E, #7D5EB2, #20101A)
• Hushed Taupe Ridge color palette (#FFF1F7, #CD96A6, #9B6765, #3D634B, #504252)
• Garnet Dune color palette (#F8F2FF, #E0A8BB, #AF7380, #824349, #6F2D28)
• Iris Corridor color palette (#FBF2F6, #D8C7F8, #CC8969, #977CC5, #332C28)
• Worn Terracotta color palette (#FCF2FA, #DB9C93, #99602C, #9E3931, #311D26)
• Muted Field color palette (#FAF2FF, #F3D2D8, #FBB4AC, #C37E80, #55425A)
• Scarlet Courtyard color palette (#EADFE9, #C5424C, #5E3200, #630014, #080200)

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