Petrol Grove color palette — #ECE5EC · #B39A9D · #A67E7D · #3564A1 · #0E060E
Peacock and Mocha set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#ECE5EC): a clean, paper-quiet neutral.
- Taupe (#B39A9D): A luminous, dusty red — the color of embers at dusk.
- Mocha (#A67E7D): A luminous, dusty orange — the color of sun-warmed clay.
- Peacock (#3564A1): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#0E060E): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Wandering Grove color palette (#E1EEE7, #8FA5A8, #AA8DA6, #006E8A, #020C07)
- Softworn Navy Bloom color palette (#D6E4E0, #B69CAB, #A27A82, #004878, #000D09)
- Navy Field color palette (#E3EAF4, #858E9E, #626B81, #00265E, #000105)
- Dusty Pewter Balcony color palette (#F0E5E7, #C4AB9F, #AC927E, #915899, #1F0E12)
- Ancient Corridor color palette (#DBE3FF, #8E78B4, #8B4F7D, #544510, #161300)
- Sunlit Moss Study color palette (#EADEC2, #819317, #3E7120, #184D6C, #080600)
- Weathered Iris Balcony color palette (#F4ECF1, #E8CDCB, #CCB3AD, #858DC8, #382833)
- Powdered Delta color palette (#F1D8E9, #2FA8FF, #7885FF, #A14DAC, #050016)
Browse the whole catalog at Explore, or see today's palette.