Tempered Grove color palette — #FAEEF5 · #AB6A4B · #314136 · #34222D · #1B1417

Mocha and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FAEEF5): a clean, paper-quiet neutral.
• Mocha (#AB6A4B): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#314136): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#34222D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#1B1417): a grounded near-black with real depth.

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

• Washed Harbor color palette (#F6EBE4, #BD693A, #533400, #261C14, #110B09)
• Amber Boulevard color palette (#FBEDF4, #D58459, #4B5E4B, #42333B, #252024)
• Antique Apricot Quarry color palette (#FFEEE3, #FF9867, #967631, #5D524B, #26201E)
• Aged Balcony color palette (#D6EAE1, #757701, #0F3939, #06251B, #07110E)
• Chestnut Hollow color palette (#D8EAD9, #704D00, #002019, #000D02, #070102)
• Ancient Cobalt Corridor color palette (#E6FBF4, #8FA06D, #4493BC, #4078BC, #294A40)
• Dusty Workshop color palette (#FFEEFB, #DCAA92, #A97C36, #6F6000, #2D574D)
• Bronze Field color palette (#EEF8F0, #94BB9F, #799BC8, #8D6E00, #384F6A)

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