Tempered Grove color palette — #EDF4EC · #C3904D · #455F4F · #323B31 · #261F23

Built around Mustard, softened by Pine — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#EDF4EC): bright and airy, almost weightless.
• Mustard (#C3904D): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#455F4F): A full-bodied, dusty teal — the color of sea glass.
• Forest (#323B31): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#261F23): 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

• Amber Alley color palette (#FCEDF6, #D28569, #6B4F59, #40333C, #242024)
• Chestnut Station color palette (#FCF4EA, #D1A66C, #6F4E00, #322920, #130E0A)
• Hushed Bronze Grove color palette (#FFECF2, #AC6D00, #2D423A, #302528, #191314)
• Bronze Harbor color palette (#FBF0E4, #DDAC72, #907931, #754A04, #27201C)
• Dusty Moss color palette (#D1EBE6, #63A24D, #2B5556, #1F322F, #131A18)
• Muted Veranda color palette (#E8FAF2, #B0B86D, #40B1E8, #BD7C96, #31483F)
• Dusty Taupe Chapel color palette (#F0F7F3, #B4DBCC, #8BA57B, #897686, #41514B)
• Patina Lilac color palette (#EAF9F2, #C9C88C, #B1A5F2, #94903C, #464C64)

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