Timeworn Petrol color palette — #F3F7E7 · #71C3E9 · #0076A9 · #005363 · #003559
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3F7E7): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#71C3E9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#003559): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Wandering Cobalt color palette (#F4F6EE, #A8CFBB, #0083B2, #005E6B, #163E59)
- Gentle Cobalt color palette (#FCEFE5, #49CBFE, #0074C8, #005250, #0D0F48)
- Weathered Basin color palette (#E7EAE0, #6AA7CA, #005C90, #003C4B, #001F40)
- Quiet Cornflower Alley color palette (#FFF0F8, #7FD8FF, #028FF4, #007270, #202A6C)
- Chalky Studio color palette (#CBFFF9, #29ECF1, #00B7DB, #00715A, #003C3B)
- Azure Pier color palette (#F4F6F0, #C4E8EB, #6A9ED1, #3E778E, #5E4C5D)
- Muted Garden color palette (#F0F1DF, #4A9FA1, #00545C, #00302B, #00171D)
- Gentle Periwinkle Canyon color palette (#FFF2E9, #A6E4FF, #6DADFF, #009A86, #2E256A)
Browse the whole catalog at Explore, or see today's palette.