Worn Petrol color palette — #FBF5E4 · #8D8800 · #006CAF · #6B2F7A · #301805

Peacock and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#8D8800): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#006CAF): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#6B2F7A): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#301805): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Worn 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

• Hushed Aubergine color palette (#F3F3E5, #76A552, #007DA2, #722E7E, #452000)
• Aged Bronze Grove color palette (#FFF3E4, #B27000, #007389, #48408F, #2F170F)
• Dusty Moss color palette (#F6F7E5, #54A52F, #4E5EC9, #872753, #271804)
• Cornflower Pier color palette (#F6F6E8, #8CA450, #5E7AD0, #8E4470, #392A1A)
• Powdered Villa color palette (#F8F6E0, #677200, #354692, #212E73, #311A15)
• Misty Field color palette (#FCECD4, #8DB050, #008D67, #5D4392, #30312A)
• Amber Meadow color palette (#FFF0F8, #D97B47, #6C59B0, #6F2A6E, #120212)
• Aubergine Quarry color palette (#EFEACC, #666F00, #004B93, #50004E, #0B0300)

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