Worn Petrol color palette — #E6E6D2 · #7DB29E · #00818B · #7B3F54 · #003124

Teal and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E6E6D2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#7DB29E): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#7B3F54): A full-bodied, balanced rose — the color of a warm blush.
• Deep Forest (#003124): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Aged Pine Garden color palette (#EBE3D7, #99AE73, #31845A, #674579, #222E00)
• Mint Drift color palette (#E6FBF4, #61D4A5, #00878B, #5C4868, #001D1E)
• Wandering Cypress color palette (#EBE4D3, #90AF88, #14846D, #605605, #2A2B02)
• Worn Lagoon Studio color palette (#D8E9E6, #5C9B7A, #006355, #543710, #023030)
• Olive Drift color palette (#FDF3EA, #BCB689, #678D53, #7F5A38, #38352E)
• Teal Harbor color palette (#E5E7D3, #74D0A1, #00A891, #8F6E47, #242C14)
• Wandering Boulevard color palette (#F3E7D7, #929853, #0B742B, #5E3D00, #1B1D00)
• Pine Quarry color palette (#B4F5D8, #60C496, #008F62, #004E35, #001C10)

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