Petrol Quarry color palette — #E4F1F7 · #CFD9E2 · #ABB8CF · #008093 · #213037

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Frost (#E4F1F7): bright and airy, almost weightless.
• Silver (#CFD9E2): bright and airy, almost weightless.
• Ash (#ABB8CF): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#008093): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#213037): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Washed Cerulean Study color palette (#E7F0F5, #CDD3E2, #B3B8D4, #15A2C5, #233037)
• Petrol Coast color palette (#E4EFF7, #BDC5D0, #9FA3B8, #006893, #11212D)
• Cobalt Meadow color palette (#F0F5FE, #DADDED, #C0B8DC, #5371CA, #2A3343)
• Cypress Chapel color palette (#D2EBE1, #84B381, #188567, #155F6F, #00312C)
• Antique Driftwood color palette (#D9F1F1, #89AECB, #857AAF, #655821, #2C3B0E)
• Wandering Mulberry Bloom color palette (#C8E7F6, #0096AF, #A12F75, #543F00, #291E00)
• Cobalt Field color palette (#E1EEFB, #0078BA, #2D2F52, #061726, #00050A)
• Ash Station color palette (#F2F5FC, #DDD8DF, #BBADB0, #9398C2, #4F525B)

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