Timeworn Petrol color palette — #E2F5E7 · #8EB2A2 · #567899 · #603F4A · #431F24
A conversation between Slate and Espresso, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E2F5E7): A whisper-light, dusty teal — the color of sea glass.
- Sage (#8EB2A2): A luminous, dusty teal — the color of glacier melt.
- Slate (#567899): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#603F4A): A full-bodied, dusty rose — the color of pressed rose petals.
- Espresso (#431F24): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Softworn Loft color palette (#D9EDCD, #6EB7B5, #298391, #3F486D, #3C2430)
- Turquoise Villa color palette (#E1F1E8, #63AFB6, #6079A1, #685260, #59383C)
- Hushed Cocoa Grove color palette (#FAE3F7, #B896AC, #7F739C, #6C3A49, #3B2118)
- Frost Bloom color palette (#B4F4FA, #83BCCC, #6D94B0, #606280, #4A4366)
- Misty Thicket color palette (#E2EDFF, #8F9AD0, #7051AF, #6F1840, #460A13)
- Tempered Cocoa Study color palette (#FCECFA, #E0C6D5, #A58A95, #7B6561, #65280D)
- Softworn Pier color palette (#EFF5E4, #6EB098, #007565, #3D4E03, #16200A)
- Turquoise Villa color palette (#D8F2F6, #00ADC8, #006F8B, #004960, #002133)
Browse the whole catalog at Explore, or see today's palette.