Timeworn Petrol color palette — #FFF0FB · #58C9E0 · #0077A6 · #005749 · #0A3163
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#58C9E0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005749): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#0A3163): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Hazy Cobalt color palette (#FFEBFA, #64CCE2, #0078B7, #00543C, #0B0F4A)
- Gentle Sapphire color palette (#FFF1F5, #70BFFF, #4265CB, #00545E, #322761)
- Chalky Azure color palette (#FFF2EC, #6BDDF2, #0096DB, #007652, #172876)
- Weathered Denim Meadow color palette (#EFE4EB, #51ACC6, #005D8B, #003F37, #0B1D40)
- Wandering Veranda color palette (#FEF4E3, #96E9FB, #00BBF1, #009890, #003657)
- Worn Harbor color palette (#FCF2F7, #BBE2FD, #688DB7, #1A706E, #3B4860)
- Quiet Navy color palette (#FAE3EC, #308AB5, #003B78, #002223, #06002B)
- Faded Blush color palette (#F0F5FF, #E8AEFF, #DC7DA7, #00649C, #3B3359)
Browse the whole catalog at Explore, or see today's palette.