Timeworn Petrol color palette — #ECF7FF · #F9E3B6 · #457E9A · #003E56 · #061119

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Peach Cream (#F9E3B6): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#457E9A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003E56): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#061119): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Cerulean Hollow color palette (#F1F5FC, #B8E6F0, #7185B1, #34456A, #161C24)
• Muted Azure color palette (#EEF6FF, #FFC5BA, #6399D2, #476687, #1B222A)
• Stone Lantern color palette (#E8FAF2, #C8AA6B, #135876, #083728, #0F1F20)
• Misty Indigo Veranda color palette (#F2F5FF, #F9D384, #6759BA, #2E196D, #03041E)
• Weathered Apricot color palette (#FAEDFB, #EB9B91, #2B568A, #341E35, #120813)
• Quiet Honey Canyon color palette (#EEF6FF, #F3B913, #0057A7, #001E41, #000104)
• Weathered Cornflower Workshop color palette (#F1F6FB, #D5DAF7, #C483C7, #0090E5, #140E21)
• Velvet Archive color palette (#DEECF9, #AE872C, #002E4B, #0A0B14, #000103)

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