Hazy Petrol color palette — #FAF5E6 · #888900 · #006BB4 · #713982 · #301807

Royal Blue and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#888900): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#006BB4): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#713982): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#301807): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Hazy Atelier color palette (#F2F3E3, #67AA42, #007CA4, #703279, #452000)
• Softworn Amber Terrace color palette (#FFF3E6, #BF7E00, #007991, #523E8A, #301B14)
• Aged Dune color palette (#F6F6EA, #83AC5B, #5B6CD6, #81426A, #332411)
• Faded Terrace color palette (#F2F8E5, #16A061, #714ABA, #812939, #2A2004)
• Linen Moss color palette (#FEECD1, #85B347, #008C6C, #5F448B, #30312A)
• Feathered Lantern color palette (#FFF0F8, #DB8054, #6B5EB2, #6B276E, #180819)
• Soft Alley color palette (#E4FBF7, #6BBC5F, #00A2B2, #7769B7, #2F1621)
• Weathered Villa color palette (#FFF3E2, #766400, #5D2389, #431F61, #2F1718)

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