Petrol Grove color palette — #FAF6DE · #A6DCA4 · #58A385 · #006B9A · #31332C
Built around Peacock, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Cream (#FAF6DE): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A6DCA4): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#58A385): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#006B9A): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#31332C): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Ancient Moss color palette (#FCF5E4, #D9CD8F, #899B56, #007270, #34322B)
- Washed Ridge color palette (#F5F7E9, #ADEBE0, #57B2BB, #626DAB, #354434)
- Denim Lantern color palette (#EFF9EA, #62D2B9, #2097BC, #45559E, #3D1947)
- Moss Atelier color palette (#E2FDF1, #6FAA5A, #2D7A57, #19546F, #1E4541)
- Wandering Cerulean Coast color palette (#F4F6F0, #C4DCEB, #8DBFF5, #348DB1, #4E354D)
- Teal Meadow color palette (#FFF3E9, #C1D274, #1ABFA1, #A86A97, #3D3E37)
- Grape Coast color palette (#F3F9D8, #00D8E4, #0094B9, #662DBA, #002E35)
- Deep Onyx color palette (#E6EAC7, #00726F, #003942, #0C0031, #000202)
Browse the whole catalog at Explore, or see today's palette.