Weathered Petrol color palette — #F9ECE3 · #79BCD5 · #206DA5 · #00504B · #202C4D

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

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Sky (#79BCD5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#206DA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#202C4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Delta color palette (#F2E7E0, #87BDD0, #346EA8, #004D3E, #100D3A)
• Cobalt Meadow color palette (#FDF3EA, #91CEF1, #517AB0, #005F62, #4D2F44)
• Wandering Lilac color palette (#D8F8E6, #A9CAFF, #B088D6, #006466, #12372F)
• Forest Archive color palette (#FFF2EB, #68E5E1, #008FA5, #006B3D, #074562)
• Patina Pier color palette (#CCEAE4, #009AA0, #006B8A, #004367, #2D1F53)
• Muted Azure Villa color palette (#E6F2E8, #B2D9F1, #3EAFF1, #009095, #0B2E55)
• Pale Villa color palette (#CBE6FF, #179EF7, #005C8C, #002C45, #001827)
• Aged Drift color palette (#F2E0D8, #00A1B3, #00516D, #003125, #00142C)

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