Petrol Grove color palette — #F2F8E4 · #77B1C9 · #517BA3 · #744C56 · #364E44
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F2F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#77B1C9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#517BA3): A full-bodied, dusty blue — the color of open sky before noon.
- Coffee (#744C56): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#364E44): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Patina Pewter Courtyard color palette (#FFF2ED, #9FA3D1, #7F6D9B, #774B4F, #55414C)
- Aged Cabin color palette (#F7F7E3, #70B8A5, #358587, #4B587D, #3F4C3B)
- Chestnut Pier color palette (#FBF0E1, #7DB8B7, #537BA9, #6C4B0C, #1A3224)
- Weathered Bronze Harbor color palette (#ECF9EE, #8CCCC9, #6F96BF, #8C6726, #324C58)
- Muted Studio color palette (#E3FBFA, #9ADBFB, #82B2E9, #A47BA8, #3A4A57)
- Wandering Driftwood color palette (#F6F6EC, #BFC5A1, #798A46, #606A58, #4C5200)
- Ancient Chestnut Lagoon color palette (#D9FFF4, #D3BED1, #9F8896, #7F6666, #7B4614)
- Softworn Iris Garden color palette (#FFE9E2, #777FC6, #634B8B, #6C2232, #442438)
Browse the whole catalog at Explore, or see today's palette.