Worn Petrol color palette — #EDF8F5 · #EDD8DA · #D3B2B8 · #2E6FA3 · #35433F

Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF8F5): a clean, paper-quiet neutral.
• Bone (#EDD8DA): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D3B2B8): A luminous, dusty red — the color of embers at dusk.
• Slate (#2E6FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#35433F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Cobalt color palette (#F9F3F9, #EBD4D9, #D6B8BB, #5686D1, #473C46)
• Cobalt Thicket color palette (#ECF2FB, #D6D4E4, #B6BFD6, #396AB4, #1C2632)
• Aged Denim Corridor color palette (#F4EBF4, #DCC4CF, #B5989B, #315588, #362936)
• Muted Driftwood Pier color palette (#FCF2F4, #E2D9D2, #A7AFA7, #9A777D, #595051)
• Softworn Lilac Study color palette (#DAF0FF, #A19CE3, #AB6279, #5D5D55, #3A5126)
• Patina Aubergine Hollow color palette (#ECDEE3, #BAA3A3, #9B7569, #43226B, #1D0E15)
• Hushed Mustard Courtyard color palette (#FFF3E7, #B5A51C, #447926, #604370, #413B0A)
• Sapphire Lagoon color palette (#FFF0FE, #2373FD, #745400, #4A3F00, #00361A)

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