Weathered Petrol color palette — #E2F3ED · #E6A189 · #0069A0 · #013959 · #081A15

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

The five colors

• Cream (#E2F3ED): bright and airy, almost weightless.
• Melon (#E6A189): A luminous, balanced orange — the color of toasted spice.
• Peacock (#0069A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#013959): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#081A15): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Washed Denim color palette (#F6EAF4, #CFB165, #455FA4, #23335C, #1E111C)
• Cerulean Loft color palette (#E3F0FF, #FFB29F, #5D8BC1, #355881, #0D1722)
• Petrol Ridge color palette (#ECF7FF, #EACC8E, #276B8D, #002C40, #00040A)
• Frosted Amber color palette (#F5E9F6, #D27831, #00467F, #001B37, #060008)
• Tempered Lantern color palette (#F9F3F8, #E6D5D4, #D0B9B2, #657EBB, #41373F)
• Jade Drift color palette (#E0F2FC, #6FAE65, #004A5E, #002632, #080E1D)
• Grape Harbor color palette (#FFF1F6, #97CD7B, #7B4DB1, #462967, #29121C)
• Peony Drift color palette (#EBF9F3, #63BFF3, #C346AB, #007BAC, #271013)

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