Petrol Market color palette — #DBE6EE · #AFAEBC · #A092B2 · #007BA9 · #061520

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DBE6EE): bright and airy, almost weightless.
• Ash (#AFAEBC): a calm mid-gray that lets other colors speak.
• Blue Fog (#A092B2): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#007BA9): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#061520): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Market 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

• Denim Studio color palette (#D8DFEA, #A39DA9, #978198, #435FA6, #020919)
• Violet Balcony color palette (#E5E5ED, #CCBAC7, #BD9DAA, #966AB5, #1E1D2D)
• Patina Garden color palette (#E8F2EE, #AB9AA9, #917181, #003B54, #000603)
• Muted Fern color palette (#CEE6F1, #8597C3, #8C6696, #496321, #172500)
• Jade Summit color palette (#D7F7F0, #53AC85, #00817B, #175C7E, #00140B)
• Weathered Azure color palette (#EDF6FF, #DAD7E7, #CCB9D8, #39A0E9, #253542)
• Hushed Market color palette (#D5E8F3, #008FAE, #A62381, #4B4500, #010B00)
• Washed Lapis color palette (#EAE3BF, #0096C3, #6549D2, #534700, #000C1C)

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