Timeworn Petrol color palette — #E0ECEA · #7FC0C4 · #007986 · #004C46 · #001A20

Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.

The five colors

• Frost (#E0ECEA): bright and airy, almost weightless.
• Mint Leaf (#7FC0C4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001A20): 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

• Softworn Petrol color palette (#F7ECE6, #70C1C5, #00748F, #005238, #00314F)
• Denim Parlor color palette (#DEEFED, #55A9C4, #006181, #00383F, #000C17)
• Cobalt Field color palette (#DDEDEC, #86BAE3, #006CC1, #004760, #001339)
• Cerulean Alley color palette (#EFF0E1, #70D7DC, #0097A8, #006D65, #00343F)
• Softworn Cerulean color palette (#D9ECEA, #418394, #004256, #001F22, #000103)
• Linen Lagoon color palette (#C8F9F7, #94D7BF, #00B1AA, #29722F, #002324)
• Tempered Jade color palette (#DEEFE4, #39B172, #00663D, #00301A, #000602)
• Pine Corridor color palette (#D3F6F5, #00804E, #006884, #5D4A00, #000F06)

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