Timeworn Petrol color palette — #E3F2FF · #0071AD · #693900 · #312600 · #0F0A00

Slate and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E3F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#693900): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#312600): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0F0A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Hushed Market color palette (#CFE7F4, #007790, #860D00, #362300, #110900)
• Aged Summit color palette (#DCEAFD, #055CEB, #5F3F00, #0F3000, #020F00)
• Gentle Mulberry Veranda color palette (#D3E7DA, #0096B0, #933D84, #504100, #00271A)
• Frosted Atelier color palette (#FFEFFF, #3890FF, #A9256C, #463600, #00100F)
• Wandering Cornflower color palette (#E9F3FF, #4390E2, #91521E, #094E22, #002422)
• Wandering Market color palette (#D4ECF6, #8992CF, #6E5A7B, #1A4334, #032318)
• Sapphire Drift color palette (#D2E3F9, #0F64CC, #602481, #003726, #00242D)
• Nightshade Parlor color palette (#DEE8FA, #1F16CF, #352800, #001508, #000201)

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