Tempered Grove color palette — #FBF2FA · #FFBAB7 · #3BC73B · #FF585F · #002320

Clover and Watermelon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rose Quartz (#FFBAB7): A whisper-light, balanced orange — the color of autumn markets.
• Clover (#3BC73B): A luminous, vivid green — the color of new leaves after rain.
• Watermelon (#FF585F): A luminous, vivid orange — the color of sun-warmed clay.
• Onyx (#002320): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone, vibrant.

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

• Worn Tangerine color palette (#FDF1F8, #FFBDA6, #00C2A1, #FB6325, #002226)
• Rust Basin color palette (#FFF0F9, #FFCBB6, #7BA200, #CF5000, #000D09)
• Pale Scarlet color palette (#F2E8EF, #FF9E8E, #33C29C, #D91500, #001112)
• Gentle Peony color palette (#F9F2FF, #FFB5D9, #BCA800, #FE41B2, #221D00)
• Ancient Rust Villa color palette (#FFF2EA, #FF9E76, #759400, #C54B00, #182100)
• Misty Indigo color palette (#FFF1F5, #FFA78A, #A3B01A, #6E5DCC, #4E2D00)
• Weathered Quarry color palette (#E8FBE8, #E19B0A, #5CA700, #2E67FB, #2E1C00)
• Hazy Coral Archive color palette (#FFEEE7, #FF7772, #3D7D00, #A1282B, #0A0A00)

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