Timeworn Petrol color palette — #D8E3DE · #D3BCCC · #BA9BA4 · #006893 · #14231D

A conversation between Peacock and Taupe, giving this palette its sense of trust and stability.

The five colors

• Silver (#D8E3DE): bright and airy, almost weightless.
• Stone (#D3BCCC): A luminous, dusty pink — the color of a candy shop window.
• Taupe (#BA9BA4): A luminous, dusty rose — the color of pressed rose petals.
• Peacock (#006893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#14231D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cobalt Orchard color palette (#E0E9E6, #D0BDC3, #BCA1A6, #0085D7, #06251E)
• Denim Studio color palette (#EFE7EF, #C9ABB8, #AD8B8E, #1A509B, #1B0F1B)
• Tempered Workshop color palette (#FCF1FA, #F3D5DE, #DAB2B2, #526DD7, #3F2B3B)
• Ancient Cerulean color palette (#EEF8F5, #E0D4CE, #A8A493, #6A94BA, #3D4B47)
• Dusty Driftwood color palette (#FCF2F4, #E8D7C9, #C8BEAC, #996F9D, #423739)
• Amber Boulevard color palette (#F7DFCD, #AF8F00, #4D6D00, #4B3C63, #241800)
• Chalky Mulberry color palette (#C8E7D4, #00829C, #9C0033, #2C3900, #0E1400)
• Washed Iris color palette (#E0F1F6, #7892DE, #865780, #3B4F23, #1C2E00)

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