Weathered Petrol color palette — #D3F0F5 · #59A3A4 · #007388 · #45476B · #3A2E53

Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3F0F5): A whisper-light, dusty blue — the color of deep harbor water.
• Eucalyptus (#59A3A4): A luminous, dusty teal — the color of sea glass.
• Teal (#007388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#45476B): A full-bodied, dusty violet — the color of wild irises.
• Navy (#3A2E53): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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 Corridor color palette (#C0EDFC, #7EADC3, #4C82A2, #5A4B76, #4C3451)
• Aged Atelier color palette (#D1F7F8, #468999, #006389, #402F5F, #321E36)
• Weathered Studio color palette (#EAF0E0, #6F9C66, #2D7250, #254A5F, #262D4E)
• Ancient Cerulean Balcony color palette (#BFF3FF, #009DB6, #005E6D, #002E38, #00181E)
• Amethyst Canyon color palette (#CAE3EC, #009097, #8236D6, #005458, #321754)
• Ancient Petrol Archive color palette (#E6F1EF, #8ABAC9, #007681, #005049, #00343E)
• Hushed Teal color palette (#DDE3D6, #53BB9A, #3B91AA, #814D4C, #433B38)
• Quiet Pier color palette (#D3E8F5, #669AD6, #5063B2, #6B3E61, #5C213E)

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