Weathered Petrol color palette — #D4E6E0 · #0069A9 · #704E00 · #493100 · #000B07

Built around Peacock, softened by Bronze — the whole palette hums with trust and stability.

The five colors

• Silver (#D4E6E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#0069A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#704E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#493100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000B07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Terracotta color palette (#D3E3D8, #007184, #8B3800, #5B2300, #000B04)
• Aged Sapphire color palette (#F3E3F3, #0071E0, #7A6100, #534100, #19081A)
• Pale Lapis color palette (#FCE5F7, #3849E7, #4F5D00, #323B00, #12010F)
• Hushed Lagoon color palette (#F0D8E4, #5C3CD5, #5F3500, #371D00, #020400)
• Worn Harbor color palette (#EEF6FF, #3B9CFE, #A7450F, #564F00, #000816)
• Muted Ultramarine Studio color palette (#F0D4EA, #3F54C4, #8B245E, #690E15, #291024)
• Ancient Sapphire Corridor color palette (#EDF1D1, #0075E4, #782071, #053704, #0C0827)
• Wandering Magenta color palette (#FFECEF, #C700CC, #007D67, #005646, #26080F)

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