Timeworn Petrol color palette — #F9F4EE · #C0E6DA · #708BB7 · #196C82 · #593E51

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C0E6DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#708BB7): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#196C82): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#593E51): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn 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

• Dusty Cerulean color palette (#F9F4EE, #CAE4D4, #5793B1, #206F6D, #205247)
• Iris Archive color palette (#F7F0EA, #C7E4DB, #7A89C7, #006C6E, #40212E)
• Muted Cobalt Loft color palette (#FCF4E8, #A8DBCA, #4D81C2, #006475, #2B3A76)
• Weathered Orchard color palette (#FAF3F5, #D8DDFA, #93A1DD, #008C8F, #424466)
• Denim Pier color palette (#F6EBDB, #66ABB9, #00607E, #003E3A, #002138)
• Washed Navy color palette (#EAE0D0, #4A89A5, #004067, #002225, #00071F)
• Dusty Drift color palette (#F6F8DD, #6C9658, #477CC2, #945358, #383931)
• Patina Aqua color palette (#FDF4E6, #52CBDA, #007A97, #00574D, #003752)

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