Hazy Petrol color palette — #F9EBE3 · #60C0DC · #006BB4 · #005140 · #252950

Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#F9EBE3): a clean, paper-quiet neutral.
• Cyan (#60C0DC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006BB4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#252950): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Petrol Boulevard color palette (#DCEDEB, #91BAD0, #00759B, #004A52, #001827)
• Wandering Nightshade Summit color palette (#F1E6DC, #61A6D7, #374DA8, #003E3D, #251242)
• Cobalt Courtyard color palette (#FEF3EB, #A2D1BD, #5478B3, #006157, #4F2F41)
• Cerulean Archive color palette (#EDF0E2, #A5D0B8, #1692BF, #006A76, #00324B)
• Softworn Summit color palette (#F9EAE3, #00A3AC, #00516D, #003218, #001134)
• Muted Periwinkle color palette (#F6EBF2, #B4D9EE, #55ACED, #009287, #172A5B)
• Chestnut Ridge color palette (#FEF2D5, #9ECF9E, #4BA5B6, #894926, #34332C)
• Cerulean Atelier color palette (#FFF2EE, #C6E7C5, #4396B0, #456D48, #553F58)

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