Tempered Grove color palette — #F5E9F1 · #727DBF · #4C333B · #271923 · #060F0C

Slate Blue and Charcoal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F5E9F1): a clean, paper-quiet neutral.
• Slate Blue (#727DBF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4C333B): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#271923): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#060F0C): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Tempered Iris Villa color palette (#ECF2FF, #8695E5, #565471, #333843, #1E2226)
• Pewter Hollow color palette (#FFE9E9, #9E5B86, #422A23, #260D0F, #0C0406)
• Amethyst Summit color palette (#F9E5ED, #7A4AC5, #3C1C37, #140728, #070106)
• Weathered Pine color palette (#FFECF0, #B38DB8, #7B9862, #508759, #371F25)
• Patina Violet color palette (#FCEDF1, #C2A7D1, #8DA66E, #8A5BA2, #32312A)
• Petrol Dune color palette (#F6F1EC, #C7E4E9, #8B9AC8, #087889, #462D3A)
• Worn Iris Studio color palette (#FFEAFD, #AFB0E2, #9777B7, #754375, #4F2E2E)
• Antique Workshop color palette (#F8F0E8, #CDC2A7, #798A62, #72586A, #33312A)

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