Petrol Quarry color palette — #F6ECE6 · #69BFD9 · #006EA8 · #005049 · #182B56

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Cyan (#69BFD9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006EA8): 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 (#182B56): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Patina Petrol color palette (#F3E6DE, #92BFA7, #3B6EA3, #004D3F, #110E37)
• Wandering Denim Delta color palette (#EEE3D8, #63A6D8, #33529C, #003D44, #1E1448)
• Tempered Lantern color palette (#F7EBF1, #95CEE1, #4D8BC6, #006E59, #252757)
• Sky Parlor color palette (#E7F2E9, #A4DDF1, #40AFEC, #009093, #002E59)
• Patina Cerulean color palette (#F3E0D8, #3F9FA9, #00516A, #003124, #00152A)
• Cerulean Balcony color palette (#FEF3ED, #CAE5C9, #4097AC, #426D54, #2A5044)
• Pale Navy Workshop color palette (#EDDFD3, #4288B2, #003685, #002224, #070127)
• Pale Plum Basin color palette (#FDD9D7, #BD007E, #00704D, #005A4F, #341414)

Browse the whole catalog at Explore, or see today's palette.