Petrol Quarry color palette — #F4F6EE · #BEEEEC · #72A0B9 · #3B7984 · #3F5950
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Honeydew (#BEEEEC): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#72A0B9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#3B7984): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3F5950): A full-bodied, dusty teal — the color of glacier melt.
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
- Muted Cypress color palette (#F5F1EA, #C6E4E3, #7CA798, #3D7678, #402F41)
- Dusty Alley color palette (#F1F8EA, #70C3A6, #7F97D3, #41816B, #5A4556)
- Lagoon Basin color palette (#F0F7F2, #D7DEEE, #95B6D1, #4E9396, #445466)
- Timeworn Petrol Corridor color palette (#EFF0E0, #6BC2C4, #007681, #005049, #00343E)
- Softworn Bloom color palette (#EBFBE2, #16B095, #5B90B7, #797A42, #3B4634)
- Aged Seafoam Harbor color palette (#E8FDE0, #74D9CB, #3F9789, #105B52, #2F4028)
- Softworn Teal color palette (#FAF4F0, #D0E5E5, #DBBADC, #50B6A2, #65485A)
- Wandering Cobalt color palette (#DEE1D5, #258ABD, #004067, #00212B, #00091A)
Browse the whole catalog at Explore, or see today's palette.