Timeworn Petrol color palette — #DCEDEC · #96B8D3 · #2B70A6 · #00485C · #001532
Built around Slate, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEDEC): a clean, paper-quiet neutral.
- Ash (#96B8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2B70A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Dusty Veranda color palette (#DDEDE9, #7BC2C1, #007A82, #004C43, #001A1F)
- Softworn Harbor color palette (#E9F5F4, #ADCBEA, #547DB8, #00567A, #101E41)
- Petrol Pier color palette (#EBF4F4, #D5D9EC, #829FC0, #427288, #28374B)
- Weathered Basin color palette (#D3EBE8, #4A95AD, #00516C, #002B30, #00050B)
- Tempered Emerald color palette (#CEF1DD, #00A275, #006956, #003D36, #001E1C)
- Tempered Lagoon Hollow color palette (#CCEAEE, #00947E, #8B6300, #005346, #1A1000)
- Ultramarine Ridge color palette (#D6EAEF, #007B77, #005ABC, #3F5500, #000E0D)
- Aged Fern Field color palette (#D9F5E8, #818E4E, #585900, #393100, #00120E)
Browse the whole catalog at Explore, or see today's palette.