Timeworn Petrol color palette — #EEE6EC · #7BC0CC · #00759E · #004D3E · #001631

A conversation between Slate and Forest, giving this palette its sense of trust and stability.

The five colors

• Blush (#EEE6EC): bright and airy, almost weightless.
• Ash (#7BC0CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Garden color palette (#E3F2F0, #71BFCD, #00748C, #004F51, #003344)
• Cobalt Station color palette (#F7EFF4, #A9CDE2, #2B83BC, #005C54, #0F203A)
• Antique Denim color palette (#ECDEE4, #5FA6C8, #0058A4, #003939, #05042A)
• Turquoise Alley color palette (#F6F0F4, #D4D2E9, #66A4CB, #40776B, #28374B)
• Lagoon Boulevard color palette (#EDE1E9, #309C9A, #005361, #002E18, #00050B)
• Raspberry Ridge color palette (#EBE2FF, #B74DA7, #005E20, #00594B, #0F041F)
• Misty Aubergine color palette (#EEEAFD, #AF58AE, #007E5E, #750076, #00170F)
• Amber Basin color palette (#F0EBFF, #FFB0C0, #DA7F2C, #68539B, #24132B)

Browse the whole catalog at Explore, or see today's palette.