Petrol Quarry color palette — #E3DDD4 · #6CAEB9 · #00718F · #004B44 · #001625
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Bone (#E3DDD4): a clean, paper-quiet neutral.
- Cyan (#6CAEB9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001625): 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 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
- Faded Petrol Parlor color palette (#F2ECE3, #70A9CD, #0E67B6, #004853, #030546)
- Ancient Summit color palette (#E1F4E4, #6CC6D5, #007290, #003E38, #000307)
- Cerulean Quarry color palette (#F3E5DF, #2EA0B0, #004F74, #00321F, #030B3E)
- Cobalt Corridor color palette (#F1E0ED, #5FC1CE, #008DC5, #007147, #010D3C)
- Tempered Cerulean color palette (#F4EDE3, #95D0D6, #0095B4, #006D5E, #003248)
- Soft Hollow color palette (#F9F4EC, #A2EAE8, #00AFC2, #008665, #00475A)
- Cerulean Lantern color palette (#F8F5EF, #C6E3E4, #7AA8DD, #008A9D, #583E54)
- Emerald Market color palette (#ECE3CE, #A9C375, #46A26F, #775100, #161600)
Browse the whole catalog at Explore, or see today's palette.