Petrol Quarry color palette — #F7EAF2 · #67BFDB · #126EA5 · #005049 · #1A2C54
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF2): bright and airy, almost weightless.
- Cyan (#67BFDB): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#126EA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1A2C54): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Petrol color palette (#F2E5ED, #8DBAD3, #1B6EB3, #004D3D, #0F1035)
- Hushed Cobalt color palette (#FDF2F7, #90CFEF, #427ABA, #005F60, #2D3A56)
- Azure Drift color palette (#F3EEE6, #A6DDF0, #30B0F0, #009092, #022F56)
- Muted Cerulean color palette (#ECDDE8, #1AA1AE, #00516A, #003123, #00152A)
- Washed Ash color palette (#FBF2F7, #D8DFF1, #7D9DBC, #4A7681, #475367)
- Soft Aqua color palette (#D4FCFE, #55D5E0, #59A5D6, #4E6938, #073B42)
- Quiet Terrace color palette (#9FFAEB, #00B092, #005F50, #00332C, #001B15)
- Weathered Navy Thicket color palette (#ECDDE3, #4488B0, #003782, #002224, #07002A)
Browse the whole catalog at Explore, or see today's palette.