Worn Petrol color palette — #E9F1EE · #E1D2DF · #CBADBE · #3777A9 · #24312D

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F1EE): bright and airy, almost weightless.
• Silver (#E1D2DF): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#CBADBE): A luminous, dusty pink — the color of peonies in June.
• Slate (#3777A9): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#24312D): 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

• Hushed Lantern color palette (#E9EFF5, #D4D1E2, #BDB4C5, #5B99C6, #21303C)
• Denim Orchard color palette (#E4F2ED, #D9C6D3, #B298A0, #0A5B82, #21322C)
• Cypress Boulevard color palette (#EAF0EA, #CEDCD3, #98C2B3, #008284, #253226)
• Hushed Violet Garden color palette (#FFF1F6, #F0D6DC, #DCADCC, #875DC5, #3E2E34)
• Dusty Olive color palette (#EBE4D7, #ABA961, #5F7E00, #005E7A, #322806)
• Washed Driftwood color palette (#E7EFFF, #A59EDC, #9D6EA6, #715515, #393A00)
• Wandering Plum color palette (#EEDAED, #3581F6, #A91780, #5F3800, #00270E)
• Nightshade Cabin color palette (#F3E6EC, #C7ACB4, #B08A8F, #543AA4, #1E0D17)

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