Worn Petrol color palette — #ECF7FF · #D7B66F · #007399 · #004158 · #061D2A

A conversation between Teal and Sand, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sand (#D7B66F): A luminous, balanced gold — the color of old brass.
• Teal (#007399): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004158): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#061D2A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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 Petrol color palette (#F1F5FE, #D8C192, #646E9D, #373F65, #1A2131)
• Wandering Straw Ridge color palette (#E4FCF1, #FFD26F, #00759B, #003347, #000A05)
• Weathered Lantern color palette (#D4E0EA, #C59F49, #005B8A, #002C46, #000C1A)
• Washed Lapis color palette (#F1F5FF, #DFB454, #5659C5, #2E2984, #111A2F)
• Cornflower Loft color palette (#FFF0FE, #FFBABB, #568DE1, #405C88, #251325)
• Timeworn Coral Coast color palette (#EEF6FF, #F07A67, #004B7E, #002847, #101128)
• Antique Balcony color palette (#DBE5F4, #B08D3B, #133C97, #000D54, #00020B)
• Antique Lagoon color palette (#F1F5FB, #DDD7E6, #CBB9D5, #4B7CF9, #37404F)

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