Petrol Grove color palette — #F6ECF4 · #62B0B9 · #007191 · #004C39 · #00152A
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F6ECF4): a clean, paper-quiet neutral.
- Cyan (#62B0B9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007191): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C39): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Misty Cobalt Loft color palette (#F3E6ED, #75BDD6, #007ABF, #005A53, #0B1A4A)
- Petrol Alley color palette (#F4EDE2, #67C8D4, #00738D, #003F37, #000306)
- Ancient Cerulean color palette (#E1E3CD, #00A2B0, #005361, #00302F, #00171F)
- Ultramarine Delta color palette (#E8DADF, #609ABE, #0050B9, #003B3E, #07002A)
- Misty Grove color palette (#F5EBF2, #85D4D9, #0095B8, #006F4E, #07314D)
- Muted Pine color palette (#FDF1F9, #9AEDE6, #00AFC5, #0C8847, #004661)
- Ancient Study color palette (#FBF2F6, #D5DEFB, #78A7E4, #298A8C, #3B4763)
- Soft Lagoon color palette (#E6E2FC, #B130C8, #00785D, #6E007F, #00140D)
Browse the whole catalog at Explore, or see today's palette.