Tempered Petrol Grove color palette — #FCF3EB · #C09466 · #7E874E · #1D728A · #422C2E
A conversation between Teal and Camel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3EB): bright and airy, almost weightless.
- Camel (#C09466): A luminous, balanced gold — the color of old brass.
- Moss (#7E874E): A luminous, dusty green — the color of new leaves after rain.
- Teal (#1D728A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#422C2E): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Timeworn Blush color palette (#FEF2EF, #E69999, #6D9972, #536894, #52384F)
- Taupe Study color palette (#FEF2F0, #D691A3, #A07755, #4B7650, #412F3B)
- Moss Orchard color palette (#F9F6E3, #8FA958, #378E6E, #425798, #3E2516)
- Timeworn Pine Drift color palette (#FFF3E7, #D47C00, #008C37, #005B6F, #3B152E)
- Dusty Amber Quarry color palette (#FFF3E8, #BF701D, #007B6E, #494A98, #301A09)
- Muted Cocoa Lagoon color palette (#FCF4E5, #E5ADB0, #AE8B5D, #806383, #6F360E)
- Ancient Cabin color palette (#F8F3FD, #EF9FC7, #6CA964, #5073A4, #261F2B)
- Taupe Ridge color palette (#FBF3F0, #DDDAD2, #ACB3AA, #B69285, #5B504B)
Browse the whole catalog at Explore, or see today's palette.