Timeworn Petrol color palette — #E6F4FF · #88BADC · #C39064 · #2D79A6 · #452633

Slate and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#88BADC): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C39064): A luminous, balanced gold — the color of old brass.
• Slate (#2D79A6): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#452633): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Cobalt Study color palette (#EEF6FE, #8BB6D5, #BC8E68, #007AB4, #644150)
• Aged Harbor color palette (#EBF2FE, #A3B2DE, #AC9C63, #5E6FA5, #153925)
• Ancient Cypress color palette (#E3F6F9, #70C5B9, #CC8685, #008478, #3E283D)
• Azure Station color palette (#EDF8F4, #9ACBEF, #D9A47C, #3394D2, #524C46)
• Tempered Azure Pier color palette (#E7F4FF, #6CA2CD, #AB8658, #927249, #192937)
• Timeworn Orchard color palette (#E9F5ED, #9EC5B8, #6B8C76, #6A4F5A, #173130)
• Tempered Corridor color palette (#EEF2F9, #A0CFBC, #545F89, #253148, #10141B)
• Periwinkle Thicket color palette (#E8F3FF, #369BFE, #9C8000, #005CA6, #282000)

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