Worn Petrol color palette — #F2F0E0 · #4F9075 · #006B87 · #543300 · #291600

Peacock and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F0E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#4F9075): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006B87): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#543300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#291600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Cocoa Studio color palette (#FFE9F0, #76935E, #006D6A, #692C1B, #3E0B00)
• Timeworn Meadow color palette (#DCF6E6, #3B8496, #40468B, #3E2C00, #1D1300)
• Weathered Petrol color palette (#D4E5CE, #64A498, #0C6F9C, #5A2410, #120700)
• Worn Lagoon Loft color palette (#D6F3E9, #37986B, #005F5F, #313E00, #001409)
• Muted Lagoon Villa color palette (#C2EBDC, #008C94, #00527C, #48132C, #2C1600)
• Dusty Study color palette (#D2F4FC, #008985, #885C00, #00504E, #180D00)
• Patina Chestnut Dune color palette (#DAECF4, #007092, #8F4200, #593F00, #00090F)
• Washed Onyx Orchard color palette (#D5E4DC, #00938C, #006574, #003C5B, #040842)

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