Petrol Grove color palette — #E7FAF6 · #85C4C8 · #007C8B · #005651 · #003A46
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
- Ash (#85C4C8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007C8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003A46): 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
- Ancient Petrol color palette (#FFEBF9, #67CED5, #007E9E, #00543C, #001C32)
- Petrol Station color palette (#E3F2F2, #9BB4CD, #2569B3, #004B67, #142C58)
- Dusty Denim Coast color palette (#D4E8E4, #7BA6B7, #006274, #003E3D, #00242F)
- Frosted Turquoise color palette (#F5F7E8, #68F1FB, #00BFD7, #009891, #003947)
- Cerulean Dune color palette (#FFF2EC, #88DBE1, #009BC2, #007555, #003559)
- Faded Cobalt Dune color palette (#E7FAF8, #A1D6F6, #1086CB, #00637A, #004077)
- Linen Pine Balcony color palette (#D3FFFE, #94D9C0, #00B9AE, #0B7F1B, #004932)
- Hushed Abyss Canyon color palette (#DCECEA, #52899D, #00425C, #002127, #000A15)
Browse the whole catalog at Explore, or see today's palette.