Petrol Grove color palette — #E6F2E8 · #7ABDCC · #007295 · #00504B · #0A314B
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Cyan (#7ABDCC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#0A314B): 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
- Petrol Coast color palette (#F3E4EE, #8EBBCF, #15749E, #004D40, #001434)
- Patina Cobalt Basin color palette (#F0F8F1, #8CD0EA, #2480B4, #005F62, #233C5A)
- Iris Balcony color palette (#DAF4FF, #95C6F7, #9095DC, #006365, #11344A)
- Weathered Turquoise color palette (#EEF0E6, #BBDDC6, #00B6DE, #009095, #003346)
- Ancient Cabin color palette (#C5EBFF, #009FD1, #005F81, #002C3D, #001620)
- Aged Ash Terrace color palette (#F0F8F1, #D5DFF1, #6FA0BD, #3E7A79, #455464)
- Mulberry Courtyard color palette (#C2E9F8, #007795, #963073, #554F00, #00242F)
- Worn Brick color palette (#BFE5F8, #008DA8, #BB2F1D, #005262, #4D1008)
Browse the whole catalog at Explore, or see today's palette.