Timeworn Petrol color palette — #EFF6FE · #D9D8EA · #B0BCD5 · #336DAA · #37414C
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FE): a clean, paper-quiet neutral.
- Silver (#D9D8EA): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B0BCD5): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#336DAA): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#37414C): A deep, shadowed, dusty blue — the color of open sky before noon.
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 Terrace color palette (#EAF3FC, #D6D4E6, #B6BEDB, #186FB2, #192633)
- Cobalt Alley color palette (#EDF8F5, #EFDADE, #DABDBE, #4F8BC3, #2A463F)
- Patina Thicket color palette (#EAEFF7, #C2CCE1, #979FBA, #3D5383, #262E3B)
- Tempered Delta color palette (#F6F4FC, #E1D7DE, #B8AAA3, #857C9B, #535157)
- Wandering Violet color palette (#F0F5FF, #A0D0FF, #90AEFF, #8D6BEA, #2D345B)
- Aubergine Archive color palette (#E2E2F2, #A9A7BA, #82799C, #4C1571, #121124)
- Wandering Corridor color palette (#EBEDFF, #A992E3, #896F93, #804C4A, #673827)
- Faded Cornflower Archive color palette (#FFEFFF, #627EFF, #683FBE, #7E113C, #2F3155)
Browse the whole catalog at Explore, or see today's palette.