Timeworn Petrol color palette — #EDF4F0 · #CADADA · #9DC0B5 · #007089 · #1A231E

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CADADA): a clean, paper-quiet neutral.
• Ash (#9DC0B5): A luminous, dusty teal — the color of sea glass.
• Teal (#007089): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1A231E): quiet, heavy and certain.

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

• Patina Petrol Field color palette (#F6F0F4, #E0D2D3, #C6B0BB, #4D629A, #261D24)
• Petrol Corridor color palette (#ECF7FC, #D5D9E9, #A8B4C9, #057080, #313D42)
• Timeworn Cerulean Grove color palette (#F1F7F2, #D0DFE1, #BEBBAD, #239AAE, #253229)
• Worn Loft color palette (#F1F4E2, #78AF8A, #027755, #045249, #191F04)
• Washed Abyss Chapel color palette (#DEEBE5, #A3B9B2, #9C849E, #004A66, #030D09)
• Shadow Loft color palette (#D0E8E0, #0069A9, #102445, #00100C, #000302)
• Worn Pewter Loft color palette (#ECE0EC, #C09EB7, #746D98, #69413E, #3E2821)
• Gentle Thicket color palette (#E3EED2, #1D93D0, #2557AC, #581C52, #001E17)

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