Petrol Quarry color palette — #FFF2EB · #60C8DE · #0077A5 · #005749 · #00306A
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Cyan (#60C8DE): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005749): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00306A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Cerulean Lagoon color palette (#FFF2EC, #B1CDB9, #3781A3, #00624E, #1D3C5F)
- Sapphire Market color palette (#FDF3E9, #7CBEF7, #4365CC, #00545E, #341F70)
- Washed Thicket color palette (#E1F8F4, #78CADB, #007E9B, #005154, #001D2A)
- Patina Terrace color palette (#D8EBE5, #00AFB1, #006F7E, #004E6A, #2A2B5F)
- Softworn Onyx Terrace color palette (#F8ECE4, #6FA9BA, #005D8B, #003F37, #011950)
- Lilac Courtyard color palette (#DCFFEA, #B9D5FF, #AA95ED, #00756C, #003E65)
- Weathered Sky Veranda color palette (#FDF1F9, #8CEAFF, #24B7FB, #009A83, #00306C)
- Cypress Market color palette (#FCF3EC, #C6E4D7, #698DB6, #0E706F, #5C3B54)
Browse the whole catalog at Explore, or see today's palette.