Worn Petrol color palette — #E9F5F2 · #749B65 · #2877A9 · #6A3656 · #0F2018

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

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Moss (#749B65): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#2877A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#6A3656): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#0F2018): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Hushed Hollow color palette (#E7F6F2, #6E9554, #6260B3, #7B3D33, #091C19)
• Dusty Moss color palette (#E8F5F1, #748F48, #008182, #56376C, #25151B)
• Wandering Loft color palette (#EAF5F0, #9DA169, #2978AE, #72373E, #3A1C2C)
• Lagoon Dune color palette (#FBEDF5, #97B77B, #198A84, #704058, #153230)
• Hushed Moss Loft color palette (#EAF9F3, #848806, #00736F, #6F4034, #2D3B2F)
• Washed Lagoon color palette (#E3F1F1, #439571, #254048, #112222, #070E0D)
• Hushed Atelier color palette (#F5F7E7, #8ABA75, #7986C5, #656291, #362F2B)
• Dusty Balcony color palette (#DDF8F9, #008F65, #004ABE, #6B0024, #071300)

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