Tempered Grove color palette — #F2E4EF · #FB3F9E · #B00022 · #5B2E00 · #342400
Built around Hot Pink, softened by Ruby — the whole palette hums with optimism and warmth.
The five colors
- Blush (#F2E4EF): A whisper-light, dusty pink — the color of neon signs at night.
- Hot Pink (#FB3F9E): A luminous, vivid rose — the color of a warm blush.
- Ruby (#B00022): A full-bodied, vivid orange — the color of autumn markets.
- Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#342400): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.
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
- Aged Rose color palette (#FBEAF2, #FF505B, #A43A00, #573500, #332C00)
- Hushed Rose Cabin color palette (#EAD9DC, #FF4664, #B60315, #5B1700, #230B00)
- Hushed Scarlet Workshop color palette (#F9E1E5, #FF7983, #E10E0E, #912800, #471B00)
- Feathered Magenta color palette (#E2DCFC, #E04FD6, #AA0068, #71001A, #3E1A00)
- Fuchsia Field color palette (#FFF0FD, #EB7BFF, #FF587B, #986200, #4D1900)
- Aged Atelier color palette (#C4F1D9, #D32498, #883400, #003F50, #4B0F20)
- Ember Studio color palette (#F8E0DF, #EE6300, #7A5200, #403A00, #182D00)
- Plum Field color palette (#F2E0FF, #C3007D, #3B5600, #003750, #131C39)
Browse the whole catalog at Explore, or see today's palette.