Hazy Petrol color palette — #F8ECE3 · #58C5F2 · #0269B6 · #003E3C · #010015

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8ECE3): a clean, paper-quiet neutral.
• Sky (#58C5F2): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0269B6): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): 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

• Weathered Aqua color palette (#FCEAE1, #5ACBCD, #00738B, #004028, #000307)
• Linen Alley color palette (#FFF3E6, #9ED2FF, #5474D0, #00505A, #0E022B)
• Tempered Navy Market color palette (#EBDEE5, #6291A9, #0E4494, #002C27, #050019)
• Worn Cornflower color palette (#F2E1D4, #7CBAD5, #3782E3, #006E61, #140042)
• Softworn Seafoam Parlor color palette (#67FBF0, #00AAA4, #005B53, #001E1A, #000201)
• Periwinkle Orchard color palette (#FDF3EB, #C3E6F8, #7AA8E8, #007E82, #3F2437)
• Plum Drift color palette (#E1F0D5, #009475, #BA006A, #004737, #040001)
• Pale Periwinkle Market color palette (#E8FCD5, #00E6F1, #68A7FF, #2D6A21, #000B0A)

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