Timeworn Petrol color palette — #F2E6E1 · #9BBDA8 · #0073A6 · #004C42 · #001239
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Sage (#9BBDA8): A luminous, dusty teal — the color of glacier melt.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001239): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Antique Cobalt color palette (#FAF0E9, #ABD2BF, #3980BF, #005C58, #121C46)
- Gentle Courtyard color palette (#EFE8E0, #92B8DB, #4962C0, #004A54, #19053E)
- Patina Lilac color palette (#D5FAE6, #A5C8F6, #AA89CB, #006B63, #001C2F)
- Muted Azure color palette (#D6E4EC, #41A6D2, #005B86, #002839, #00080E)
- Antique Market color palette (#E9DDD5, #4480A0, #003A76, #001F20, #01000B)
- Rust Grove color palette (#CEE8D8, #008EA9, #AD4800, #004F5F, #230900)
- Timeworn Lagoon Market color palette (#D2FAEB, #009699, #006471, #00354C, #00162F)
- Abyss Pier color palette (#EADFDA, #729476, #005266, #002D1D, #00050C)
Browse the whole catalog at Explore, or see today's palette.