Petrol Quarry color palette — #E1EDE3 · #5AC4D8 · #007698 · #004C47 · #001829
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E1EDE3): bright and airy, almost weightless.
- Cyan (#5AC4D8): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001829): 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 Quarry 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 Basin color palette (#F7ECE7, #82BCC8, #00719C, #005143, #0F2E53)
- Timeworn Iris color palette (#C0EEFF, #90C7FA, #8C91E1, #006264, #001D2F)
- Denim Villa color palette (#D8E5DA, #56A6D1, #005A9B, #003840, #00042C)
- Washed Lagoon color palette (#D2F5EF, #009D9E, #006671, #003746, #001B2B)
- Cerulean Quarry color palette (#EEF0E3, #A7D0B4, #0095B6, #006B6F, #003345)
- Navy Thicket color palette (#D6E8DA, #3D829F, #003F65, #001F22, #000106)
- Linen Courtyard color palette (#DCEEF7, #008EA7, #B53E00, #004F5E, #250600)
- Pale Mulberry color palette (#D5F3FF, #007794, #9F1C79, #554D00, #000D16)
Browse the whole catalog at Explore, or see today's palette.