Worn Petrol color palette — #EDF2F8 · #EAB69F · #336591 · #19334B · #0C151D

A conversation between Peacock and Sand, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Sand (#EAB69F): A luminous, dusty orange — the color of autumn markets.
• Peacock (#336591): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#19334B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0C151D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Denim Canyon color palette (#EEF2FC, #A0CFBE, #5B5995, #283048, #11141B)
• Shell Alley color palette (#FCF1FD, #FDC1B2, #6280A2, #564857, #302930)
• Patina Driftwood Alley color palette (#ECF3F9, #A0C9EA, #A668AB, #3A77A4, #16141F)
• Misty Nightshade color palette (#EAF3FF, #CF9F45, #0A3EAF, #041A50, #020714)
• Dusty Field color palette (#EFF2F8, #DAD5DE, #C2ACB2, #7281AE, #33363C)
• Patina Loft color palette (#EDF8F3, #B2E9DC, #4C8EB2, #2F4E42, #141E1A)
• Washed Balcony color palette (#EAF3FD, #6586B9, #A75551, #325329, #131E2A)
• Aged Bronze Dune color palette (#E3F6FB, #4EA5A4, #B3704A, #50663D, #10262C)

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