Timeworn Petrol color palette — #E7EEF2 · #A19FB4 · #94819F · #006D8E · #000B14
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7EEF2): a clean, paper-quiet neutral.
- Blue Fog (#A19FB4): A luminous, dusty violet — the color of wild irises.
- Heather (#94819F): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#006D8E): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#000B14): 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
- Wandering Courtyard color palette (#DDE6E2, #ACA0AD, #9A7B91, #004B6B, #000D07)
- Dusty Parlor color palette (#DCE8E3, #958994, #7A636F, #002E41, #000201)
- Weathered Indigo color palette (#E9EBF4, #BAABB9, #C19181, #745EBE, #0F1222)
- Pewter Station color palette (#CBE5EA, #4B8DC1, #765496, #1C5820, #001B18)
- Wandering Basin color palette (#E0F2EA, #539A6A, #00716A, #164B77, #000802)
- Linen Grape Villa color palette (#D3F4E1, #008A98, #5523DC, #433B00, #000408)
- Quiet Pier color palette (#C6EBF4, #00847D, #9D0055, #1A4100, #000200)
- Muted Azure Boulevard color palette (#EAEFF4, #D6D0E0, #C6B1C6, #4B97DE, #242F3A)
Browse the whole catalog at Explore, or see today's palette.