Timeworn Petrol color palette — #D8E0E6 · #B8C6D4 · #98A6BA · #00679B · #12212D

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

The five colors

• Silver (#D8E0E6): a clean, paper-quiet neutral.
• Oat (#B8C6D4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#98A6BA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00679B): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#12212D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Abyss color palette (#DAE4EB, #ADBACD, #8D88B1, #004B68, #10212D)
• Worn Ultramarine color palette (#DFE7F2, #AFB4C0, #8994B7, #1646B6, #061428)
• Muted Denim Terrace color palette (#EEF8F4, #EBD6DD, #CEB0C9, #00659C, #01100C)
• Weathered Cobalt Atelier color palette (#D6E6DF, #D8BFC5, #C5A2A2, #008BBF, #15231D)
• Ancient Indigo Quarry color palette (#F1F5FE, #D7DEF0, #B7BCD9, #5967E3, #27324A)
• Patina Byzantium Canyon color palette (#EEEDF7, #D8D5E2, #BCB2CA, #964EAC, #2E2B3C)
• Dusty Cocoa color palette (#E5D9F6, #AA87AD, #845A75, #793410, #3E2200)
• Antique Aubergine Drift color palette (#E3E5F0, #A3A3B0, #86839A, #502492, #06061B)

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