Timeworn Petrol Coast color palette — #D6E3F1 · #7487BA · #645E9D · #6C3B54 · #250009

Slate takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#D6E3F1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7487BA): A luminous, balanced violet — the color of a velvet chair.
• Slate (#645E9D): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#6C3B54): A full-bodied, dusty rose — the color of a warm blush.
• Ink (#250009): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Timeworn Petrol Coast 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

• Antique Cerulean color palette (#CCEDF3, #4C8DA6, #426D90, #523F64, #1F021F)
• Cocoa Dune color palette (#EDE3FE, #9D77A6, #835B76, #6F3A22, #1C0C00)
• Cerulean Drift color palette (#D9EDED, #5B7EA0, #504B71, #3D2C00, #170E00)
• Cellar Onyx color palette (#F4E5F3, #505B8C, #3C2F61, #39001B, #0D0001)
• Timeworn Driftwood color palette (#E7E1F1, #B295BB, #A9779D, #88513F, #472300)
• Tempered Petrol color palette (#DBEBE8, #68ADB6, #008297, #005D5B, #000B11)
• Hushed Indigo color palette (#E5E9FC, #545BDC, #A33082, #006470, #01000F)
• Quiet Lapis color palette (#E6E7FF, #7F7CEB, #5D48CD, #2F028B, #02000D)

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