Weathered Petrol color palette — #CAE2F0 · #006D86 · #694F00 · #004045 · #001E2C

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

The five colors

• Powder Blue (#CAE2F0): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006D86): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#694F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#004045): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001E2C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.

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

• Pale Coast color palette (#C2E4F5, #006E82, #435D00, #2C3F00, #001E2B)
• Worn Cocoa Studio color palette (#C4E3F5, #006D87, #7E4000, #562A00, #001E2C)
• Cobalt Lantern color palette (#E3F0FF, #0072C7, #7F5900, #004F4F, #182838)
• Ultramarine Cabin color palette (#D0DFFA, #4150CC, #595600, #003F48, #0F1A2F)
• Byzantium Delta color palette (#E4E0FF, #A000BF, #5B5D00, #00435C, #2C1432)
• Patina Station color palette (#F6F3FF, #A468A4, #9D6110, #006152, #342F44)
• Timeworn Nightshade color palette (#DFE9FE, #453EB3, #6A1F00, #00332C, #0C142A)
• Indigo Station color palette (#D2DEF9, #6667FF, #A16000, #395F16, #0F1933)

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