Timeworn Petrol color palette — #F0F6FB · #D9D7E4 · #B0B1C8 · #1B6C8F · #333C42
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#D9D7E4): bright and airy, almost weightless.
- Ash (#B0B1C8): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#1B6C8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#333C42): a grounded near-black with real depth.
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
- Petrol Studio color palette (#EBF4F1, #E4D3D8, #C3B1BC, #396A8C, #192320)
- Worn Ultramarine Drift color palette (#F1F5FF, #D1D0E4, #B29DC1, #4649B6, #2C3341)
- Driftwood Bloom color palette (#F3F5FB, #DED8DE, #B8A9A1, #7681A1, #505258)
- Wandering Forest Cabin color palette (#BEE8EF, #8DACC2, #8574A0, #2A6049, #1E4759)
- Denim Grove color palette (#D9E0E6, #B2B9C9, #8E88AF, #004873, #13212D)
- Patina Olive Pier color palette (#FFF0F8, #AF9864, #5A6C00, #464867, #283B2C)
- Ultramarine Chapel color palette (#D2DFF5, #3559C2, #25213F, #0B1422, #03040A)
- Patina Aubergine color palette (#E3E5EF, #9D96A9, #816682, #38006B, #070813)
Browse the whole catalog at Explore, or see today's palette.