Petrol Quarry color palette — #E5F3E8 · #7ABDD2 · #00719D · #004F50 · #002F56
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#7ABDD2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#002F56): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Cobalt Basin color palette (#EFF8F0, #AEC9DC, #497DAA, #005E67, #253A5F)
- Ancient Petrol Parlor color palette (#F1E5ED, #97B9CC, #2E6EAA, #004D3D, #0F0C3D)
- Timeworn Azure Drift color palette (#F3EEE5, #A5DDF0, #13B1F4, #009191, #092F51)
- Antique Abyss Drift color palette (#DEEEE1, #579CA3, #005264, #003129, #001623)
- Aged Ash color palette (#F1F7F2, #D6DEEF, #789EBB, #477686, #455467)
- Peony Coast color palette (#E8ECFF, #DFC0EB, #C877A7, #3F5490, #3A2749)
- Chalky Amethyst Boulevard color palette (#DFE3F4, #704ECC, #944400, #005B47, #20173F)
- Aged Nightshade color palette (#D4DDF9, #766FD2, #6F6F00, #442CA5, #2B2B00)
Browse the whole catalog at Explore, or see today's palette.