Weathered Petrol color palette — #CEE9D4 · #6BB0AE · #3878A6 · #663200 · #221E00

A conversation between Slate and Bronze, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CEE9D4): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#6BB0AE): A luminous, dusty teal — the color of sea glass.
• Slate (#3878A6): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#663200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#221E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Balance. 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

• Timeworn Summit color palette (#D3E8E0, #64A4B2, #466295, #432700, #090D00)
• Weathered Garnet Basin color palette (#E9E6D4, #8AB484, #45817E, #67293E, #2A0D00)
• Timeworn Navy Pier color palette (#DBEDEC, #5B8C7C, #4C416C, #241B00, #000200)
• Worn Pewter color palette (#C4E6F4, #7CADD3, #6B8BBC, #805282, #3E1732)
• Ancient Cerulean color palette (#DBEDF2, #3B8AAD, #305173, #3C1F46, #27080E)
• Timeworn Fern color palette (#D0FDE4, #CAAEC4, #9880A7, #485D2B, #003025)
• Softworn Chestnut Grove color palette (#D8FFF3, #8BD9EB, #8090CA, #885400, #2B3D00)
• Timeworn Thicket color palette (#DDFEF3, #ECC0D9, #C7979C, #5A784E, #34482E)

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