Timeworn Petrol color palette — #F1E5EE · #84BECB · #0072AC · #004D37 · #0B1233
A conversation between Slate and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5EE): bright and airy, almost weightless.
- Ash (#84BECB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072AC): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0B1233): A deep, shadowed, dusty 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
- Hushed Cobalt Archive color palette (#F9EEF4, #A6CEE4, #2D7FCB, #005D4C, #1A1B3F)
- Ancient Study color palette (#E8F1EA, #7BBDCB, #007394, #00504B, #00314E)
- Muted Ultramarine color palette (#F6E7ED, #63A5C8, #004AC7, #003A34, #0D002A)
- Dusty Veranda color palette (#CEEFFC, #9CC5ED, #C58ED5, #006949, #001D2D)
- Tempered Azure color palette (#FCF4E8, #B2F2FF, #00A0CE, #006A64, #002136)
- Muted Chestnut color palette (#C2E7F2, #007A7D, #874F00, #514900, #000E0E)
- Lagoon Archive color palette (#D6F0E2, #009E97, #005F6A, #003B55, #001531)
- Ancient Azure color palette (#B7EBFF, #00A5D4, #006582, #002C41, #00060B)
Browse the whole catalog at Explore, or see today's palette.