Timeworn Petrol color palette — #E0FBFF · #93DCDE · #55B1CA · #1A7DA6 · #3D556F
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E0FBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ice Blue (#93DCDE): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#55B1CA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#1A7DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#3D556F): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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 Delta color palette (#ECF7FF, #B3D9F7, #66A2C5, #1B6C9C, #0E3E59)
- Glacier Station color palette (#E6F9FF, #7AE6F4, #67C8DE, #5B95A8, #3D5666)
- Muted Cobalt color palette (#EAF7FF, #9FC9F1, #789DD7, #716DB1, #474B6C)
- Antique Boulevard color palette (#D8FFF3, #ADD5AC, #59AB8A, #03908B, #245666)
- Cerulean Quarry color palette (#EAF7FF, #90CFE6, #E29F82, #009BC0, #6A4230)
- Weathered Ultramarine color palette (#D1E9F1, #60B0DF, #397EDC, #4F4BB5, #402D5D)
- Wandering Petrol color palette (#C5EEEB, #008088, #00536F, #002542, #000928)
- Ancient Amber color palette (#EDF7FF, #7CB9E3, #D98E81, #C28240, #304556)
Browse the whole catalog at Explore, or see today's palette.