Timeworn Petrol color palette — #EBF8F7 · #A4C9CA · #598B90 · #3C6E7A · #3B5253
A conversation between Teal and Storm Blue, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Stone (#A4C9CA): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#598B90): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#3C6E7A): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#3B5253): A full-bodied, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Petrol Basin color palette (#EFF7F6, #D4DCED, #779FB9, #027D8A, #39566C)
- Muted Boulevard color palette (#F7F5EC, #CED6B3, #6BAA99, #6D8477, #4A5304)
- Worn Driftwood Coast color palette (#F2F4FF, #DED7E0, #DBB1BE, #7F7FB2, #4D4E61)
- Softworn Veranda color palette (#EBF9F5, #77A59F, #287346, #005560, #123D39)
- Petrol Hollow color palette (#F2F5FF, #9492C1, #B0758E, #22829C, #3B4156)
- Wandering Lagoon Chapel color palette (#D6F6F1, #4B8A5F, #005237, #003441, #00220D)
- Obsidian Cypress Harbor color palette (#C6E6E7, #006D59, #00332E, #001B1D, #000805)
- Indigo Terrace color palette (#F2F5FF, #AEA8DD, #C8847D, #7166AF, #5E435A)
Browse the whole catalog at Explore, or see today's palette.