Petrol Grove color palette — #FDF3EC · #C79371 · #97863A · #33669C · #3C3632
Peacock and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF3EC): bright and airy, almost weightless.
- Camel (#C79371): A luminous, dusty gold — the color of honey in a jar.
- Moss (#97863A): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#33669C): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3C3632): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns 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
- Worn Petrol color palette (#FEF2EF, #DA9FA4, #9C8B50, #4469A4, #623237)
- Tempered Lagoon Summit color palette (#FAF4EA, #AD9A6B, #33997D, #765E98, #35312B)
- Aged Pier color palette (#FEF2EF, #C98F93, #AD765F, #007470, #46312F)
- Dusty Taupe Market color palette (#FAF4F0, #DBDAD4, #ABB5AE, #C18D80, #59514C)
- Chalky Nightshade color palette (#FCF5E1, #968F31, #3C883D, #432F93, #2A1B00)
- Aged Coast color palette (#FBF0E4, #C38F5B, #685700, #512F00, #281F1B)
- Wandering Apricot Thicket color palette (#FFF2ED, #F59F93, #65BC9A, #6192B2, #463134)
- Muted Grove color palette (#FCF1FE, #F198AB, #55A3C8, #426982, #1A232E)
Browse the whole catalog at Explore, or see today's palette.