Timeworn Petrol color palette — #D7F1FF · #00698F · #6E4B00 · #493000 · #00050A

Built around Peacock, softened by Bronze — the whole palette hums with trust and stability.

The five colors

• Frost (#D7F1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00698F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6E4B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#493000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Linen Garnet color palette (#D5EFE6, #006698, #940604, #342500, #000103)
• Eclipse Abyss Canyon color palette (#DEF3FF, #004C5E, #483100, #281A00, #000609)
• Ultramarine Loft color palette (#D6DEEF, #0D3FF5, #575600, #393800, #000413)
• Chalky Mulberry color palette (#DCEDF1, #006F6B, #9C002D, #69001B, #000605)
• Dusty Parlor color palette (#EBECFF, #9624DE, #007349, #005031, #140421)
• Chalky Cobalt color palette (#CEE8FF, #008DDB, #967100, #705300, #002139)
• Lapis Balcony color palette (#DFE9FD, #393CFF, #732B00, #1D2C00, #000B02)
• Aubergine Orchard color palette (#DDEAD7, #006DDF, #700093, #143400, #07032C)

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