Timeworn Petrol color palette — #ECF8F7 · #C7E0F4 · #618FB7 · #186C85 · #2F4A67
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Powder Blue (#C7E0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#618FB7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#186C85): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2F4A67): A full-bodied, 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
- Weathered Cerulean color palette (#F7EFF3, #C6E0F5, #6B8FC2, #006C70, #202B46)
- Worn Denim color palette (#D7E8E4, #62ACB4, #006271, #003E3C, #00242E)
- Washed Quarry color palette (#E3F4F2, #468BA0, #00435A, #002226, #000B14)
- Tempered Canyon color palette (#EAF9F5, #A6CCD6, #2A878C, #006153, #114051)
- Antique Pier color palette (#E4F2F1, #95B5D3, #346BA4, #004C66, #132C56)
- Lagoon Quarry color palette (#FBF4EE, #C7E3E5, #83A6DB, #008B92, #5C3C51)
- Gentle Lilac Bloom color palette (#F4F4FF, #9E73C0, #B75A64, #1B6FA4, #35354E)
- Muted Driftwood Loft color palette (#F4F4FF, #E0D6E0, #CFBDE5, #816F9F, #49455F)
Browse the whole catalog at Explore, or see today's palette.