Worn Petrol color palette — #F2E4F0 · #84BFC5 · #00749F · #004E2C · #00103E

Slate and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2E4F0): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#84BFC5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E2C): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#00103E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Tempered Cobalt color palette (#E4ECE3, #90B9D8, #5064B3, #004B4B, #1D0638)
• Dusty Meadow color palette (#F8EEF5, #A8CEE0, #4B81AB, #005E45, #161D3F)
• Denim Boulevard color palette (#FBEAF3, #61A7C4, #20589C, #003A32, #0A002D)
• Patina Cypress Canyon color palette (#F6EFF5, #D3D2EB, #81A0BA, #497661, #2A364A)
• Gentle Summit color palette (#EBDDEC, #993DA4, #006F53, #005255, #17001B)
• Hushed Navy Dune color palette (#F6EAF1, #4C8192, #003D6B, #002018, #01000B)
• Softworn Denim color palette (#EEE9FF, #F5B2C3, #C3985D, #5A559D, #2F0C23)
• Gentle Garnet color palette (#EEE7F8, #C769A6, #477900, #690050, #091600)

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