Timeworn Petrol color palette — #F4ECF1 · #82BCCA · #006EA9 · #00523B · #212B50

Peacock and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4ECF1): bright and airy, almost weightless.
• Ash (#82BCCA): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006EA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#212B50): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Loft color palette (#FDF1F7, #97CEE5, #397AC4, #006153, #303955)
• Aged Petrol color palette (#EEE8DF, #71C1D5, #00759D, #004B49, #00172B)
• Patina Dune color palette (#F9EAEE, #88B6E1, #4F58CA, #004F52, #352449)
• Ancient Lilac color palette (#D7F3FF, #ADC6F1, #B584CC, #007357, #1E374A)
• Patina Chestnut Hollow color palette (#CDE5EE, #007792, #914700, #5C4300, #00242E)
• Patina Study color palette (#BDE8FF, #1A98DA, #005A7C, #002D40, #001624)
• Hazy Drift color palette (#D4EFE3, #009690, #00636F, #003F61, #281B50)
• Dusty Lagoon color palette (#E9E0E8, #479FA1, #00516A, #003213, #00132F)

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