Timeworn Petrol color palette — #FFEEE7 · #75CBD3 · #007CA7 · #00552F · #001544

A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Aqua (#75CBD3): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00552F): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#001544): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Cobalt color palette (#FFEEE1, #80C5ED, #456CC6, #00524D, #20004B)
• Ancient Coast color palette (#FCF4E8, #67C9D3, #007A94, #00574B, #003850)
• Dusty Lagoon color palette (#F5EAE5, #67A8B3, #005F89, #003B25, #01032F)
• Aged Navy Parlor color palette (#FFF0FD, #8ADAE3, #0098CF, #007746, #012B78)
• Misty Wisteria color palette (#CDFCFF, #A7DAFF, #B98AF2, #006E4D, #002334)
• Turquoise Villa color palette (#EAFAED, #C4E8FF, #00ABCD, #007464, #00283B)
• Softworn Teal Pier color palette (#CFE6D1, #00A78C, #006A74, #003E55, #001830)
• Hushed Turquoise color palette (#B7EDFF, #00B2DC, #00657B, #002F3A, #00090E)

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