Timeworn Petrol color palette — #E3EDF6 · #BDC5CF · #99A5BE · #006894 · #0B2131
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#E3EDF6): bright and airy, almost weightless.
- Stone (#BDC5CF): soft and architectural.
- Blue Fog (#99A5BE): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#006894): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#0B2131): 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
- Ancient Ultramarine color palette (#DBE0E8, #BFC4D2, #A1A1BF, #3451CB, #181F2D)
- Weathered Abyss Harbor color palette (#E5EDF2, #B0BACA, #8A8BA9, #004C65, #0E222D)
- Patina Petrol Study color palette (#EEF8F4, #F0D6DE, #CCB2C4, #006792, #01110B)
- Cerulean Coast color palette (#E1EAE5, #D3BDC2, #BEA19E, #178CB4, #14231C)
- Tempered Violet color palette (#EEEEF5, #D9D6DF, #BFB2C8, #8F53AE, #2D2C3B)
- Worn Sapphire color palette (#F0F5FF, #D8DDF1, #C9B4DC, #4767F0, #25334A)
- Wandering Teal color palette (#D6F6F2, #50A587, #007068, #004E5E, #002117)
- Cocoa Bloom color palette (#CFE1F4, #838FB4, #846195, #714400, #302C00)
Browse the whole catalog at Explore, or see today's palette.