Petrol Quarry color palette — #EDF8F7 · #DADCE8 · #79AADE · #0E799D · #182E50

Slate and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#DADCE8): bright and airy, almost weightless.
• Cornflower (#79AADE): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0E799D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#182E50): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Dune color palette (#DDF4F0, #6CC6D9, #00728E, #003D40, #000306)
• Muted Cerulean color palette (#FEF1F6, #C6E4FF, #8FB1F4, #009EAB, #37345E)
• Hushed Denim Courtyard color palette (#DAF2F2, #77A7D5, #0051A9, #00283B, #00000C)
• Muted Cerulean Workshop color palette (#EBF9F6, #C9E0FF, #11A2BF, #006A6A, #00222E)
• Tempered Cobalt color palette (#F9F0E8, #A2CEED, #507AC7, #005A61, #1D1B3E)
• Washed Cobalt color palette (#F4F6F0, #9ED2C1, #267BC7, #005B78, #493148)
• Lagoon Thicket color palette (#EAF9F5, #8FDCD8, #008B91, #005346, #001013)
• Washed Aqua Chapel color palette (#E2FEE4, #B9E6E0, #75C7CD, #B0845A, #213F28)

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