Timeworn Petrol color palette — #CBF1F3 · #5D99A9 · #00678F · #483968 · #2F1439

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

The five colors

• Frost (#CBF1F3): A whisper-light, dusty blue — the color of deep harbor water.
• Storm Blue (#5D99A9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00678F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#483968): A deep, shadowed, dusty violet — the color of wild irises.
• Deep Indigo (#2F1439): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Cypress Station color palette (#D1ECE9, #639899, #00796E, #28445D, #0D1D38)
• Antique Denim color palette (#C6EAFE, #5084A4, #2E5283, #3A1D41, #24001B)
• Wandering Pier color palette (#DDF5FD, #82A7BB, #457A9A, #4D4F6A, #252235)
• Dusty Denim color palette (#DEF0FF, #7299CF, #585C9F, #5E2E4F, #24112A)
• Antique Teal Garden color palette (#E3F1E3, #5AA8A4, #446684, #64383B, #4A2512)
• Weathered Canyon color palette (#D6EDF7, #00A9D7, #00617C, #002837, #00060B)
• Antique Ash color palette (#EAF2FF, #BDC6DE, #8E90B1, #705E75, #4C3949)
• Aged Petrol Villa color palette (#DFECEA, #7DC0CA, #00788E, #004B4B, #001923)

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