Hazy Petrol color palette — #C8EFF2 · #2F91AE · #655E9E · #3C561E · #0C1900

Slate and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#C8EFF2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2F91AE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#655E9E): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#3C561E): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0C1900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Antique Plum color palette (#D8F4FD, #737FC7, #93508A, #295729, #001917)
• Petrol Pier color palette (#CFF3E7, #2B9C8B, #056CAD, #644300, #001302)
• Frosted Cobalt Lantern color palette (#E5F1FD, #0075B6, #686C00, #006A3E, #000205)
• Hushed Aubergine color palette (#C5E6F6, #617BA4, #5A3A83, #491E00, #140D00)
• Quiet Drift color palette (#F3E6EE, #60ADC0, #007ABF, #006048, #04002D)
• Smoked Petrol Market color palette (#C8F1F6, #39648B, #3C2E55, #1E1B00, #050500)
• Tempered Loft color palette (#D6EDF4, #9BA2DC, #A77396, #306D4D, #00331C)
• Tempered Emerald Field color palette (#D5E9DD, #6D9656, #007358, #004F6B, #020800)

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