Petrol Grove color palette — #F8E9F4 · #7FC5C8 · #00738D · #00402A · #000307
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
- Mint Leaf (#7FC5C8): A luminous, dusty teal — the color of glacier melt.
- Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Washed Market color palette (#F7EAF0, #82C0DF, #0067BE, #003E3E, #010014)
- Timeworn Atelier color palette (#FDF1F9, #8CD9EE, #0083BE, #005248, #000929)
- Cerulean Atelier color palette (#EBECDE, #6BC0C4, #0094A3, #006E66, #00171D)
- Lagoon Cabin color palette (#DCF1ED, #4C989C, #00535D, #002C28, #000508)
- Muted Blush color palette (#EDF4FF, #DEC7FD, #D37BB1, #005676, #030018)
- Antique Workshop color palette (#DAE1FB, #4B51D7, #725200, #4C4300, #01000A)
- Hushed Cypress Garden color palette (#FCF2F9, #D4D4E3, #6DB0CE, #008265, #0A3051)
- Dusty Navy color palette (#D0F3FF, #0092D3, #0054A1, #13006B, #020008)
Browse the whole catalog at Explore, or see today's palette.