Petrol Grove color palette — #F3F2EA · #8EAD58 · #006BA3 · #465F00 · #000906
Peacock and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3F2EA): bright and airy, almost weightless.
- Moss (#8EAD58): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#006BA3): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#465F00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000906): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Taupe Cabin color palette (#F6F1E8, #B4A044, #00746D, #645400, #010901)
- Airy Lapis Courtyard color palette (#F0F3EB, #62B485, #4B54C6, #00663C, #0E030A)
- Tempered Basin color palette (#E8FAF5, #9AC562, #008DB5, #5C7F26, #071B26)
- Muted Jade Courtyard color palette (#D4E8CC, #5CB386, #007871, #004354, #00172B)
- Misty Emerald color palette (#FCE3D6, #35A167, #006777, #641A26, #0F1C07)
- Airy Grape color palette (#E7F2DC, #00AE88, #5706ED, #005A45, #030017)
- Gentle Byzantium Parlor color palette (#EAF6EB, #00BEC8, #9D00D2, #00686E, #190008)
- Antique Courtyard color palette (#E6E8DC, #478C2F, #004B64, #144200, #000201)
Browse the whole catalog at Explore, or see today's palette.