Petrol Grove color palette — #FFF3E2 · #DFE29B · #87B18A · #486CA0 · #423760
Slate and Celadon Mist set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#DFE29B): A whisper-light, balanced green — the color of fresh herbs.
- Sage (#87B18A): A luminous, dusty green — the color of fresh herbs.
- Slate (#486CA0): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#423760): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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
- Ancient Navy color palette (#FFF2EC, #F4D5A8, #A9B374, #3E829E, #244272)
- Dusty Atelier color palette (#D4F7D8, #B3B486, #568A54, #3C6092, #51446D)
- Airy Balcony color palette (#F7FAC3, #C3F3B8, #64BDAB, #716699, #562E36)
- Weathered Ridge color palette (#DDEED8, #5FA88D, #317173, #4A2557, #1B000D)
- Hushed Stone Field color palette (#FBF7D0, #C7E2CB, #9EBA9B, #96707F, #694C4D)
- Antique Onyx Veranda color palette (#FFEFC7, #B3BE92, #648D73, #65475E, #2F1940)
- Onyx Alley color palette (#E0FFDE, #6FD8C1, #3C99AC, #7A567F, #530B2B)
- Hushed Driftwood color palette (#FFE3EE, #F0C3A4, #A3B87C, #B36F95, #703A53)
Browse the whole catalog at Explore, or see today's palette.