Timeworn Petrol color palette — #DDE4E8 · #9E9FAC · #8F839E · #006F82 · #000B12

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

The five colors

• Frost (#DDE4E8): a clean, paper-quiet neutral.
• Blue Fog (#9E9FAC): soft and architectural.
• Slate Blue (#8F839E): A luminous, dusty violet — the color of wild irises.
• Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Abyss Balcony color palette (#EAF1ED, #98A9A3, #977C95, #004D60, #000D05)
• Ultramarine Quarry color palette (#E3E9F1, #A49DA8, #968090, #2A59C9, #01091A)
• Worn Study color palette (#E1EAE4, #7D938D, #7E6171, #003038, #000201)
• Tempered Pewter Thicket color palette (#D2EBE2, #588EA1, #6E5E95, #35521C, #091700)
• Muted Courtyard color palette (#DDF2E6, #6F9561, #00735B, #004F6D, #010800)
• Washed Parlor color palette (#E7EDF5, #C3BDC9, #BB9EB6, #3A7EE0, #132030)
• Pale Ultramarine color palette (#D2F2DA, #008C88, #2D4AC1, #4A3800, #000406)
• Byzantium Study color palette (#DAEEFE, #00BC9F, #009DDA, #B102E8, #000612)

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