Petrol Grove color palette — #E5F2E8 · #72C6CE · #00738A · #003F35 · #000306
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F2E8): bright and airy, almost weightless.
- Aqua (#72C6CE): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000306): quiet, heavy and certain.
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
- Wandering Thicket color palette (#E4F3E6, #70C1EF, #0069B6, #003D45, #000016)
- Wandering Cobalt Pier color palette (#EDF9EF, #99D7EB, #0084B8, #005151, #000D1E)
- Tempered Basin color palette (#F3E4DE, #48989E, #005267, #002D1E, #00050D)
- Quiet Cerulean Alley color palette (#F2E3F0, #57C2CB, #008FBE, #00713F, #001135)
- Cerulean Terrace color palette (#EFF8F1, #A9F5F7, #00A3BC, #006C57, #00222F)
- Quiet Plum Chapel color palette (#F5D8EE, #AD009B, #6A5600, #004B58, #030003)
- Wandering Periwinkle Thicket color palette (#EDF9EF, #DBD5E0, #81ADFF, #0083A2, #2B2F5F)
- Washed Magenta Grove color palette (#E8E3FA, #CC4CCF, #07771A, #59005B, #000200)
Browse the whole catalog at Explore, or see today's palette.