Weathered Petrol color palette — #ECF4F1 · #E0D4D7 · #C4B0BD · #006C9B · #11251E

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E0D4D7): a clean, paper-quiet neutral.
• Rosewood Mist (#C4B0BD): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#006C9B): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#11251E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Terrace color palette (#EFF6FC, #D9D7E4, #B0B1C9, #006E90, #343C41)
• Worn Canyon color palette (#F0F7F4, #E0D4D0, #A5A99C, #1F96C4, #21332B)
• Timeworn Lantern color palette (#F1F3E8, #95A782, #0F746D, #004F60, #142103)
• Patina Navy color palette (#D6E4E0, #BBAFB8, #9E8592, #004678, #000E0A)
• Lapis Canyon color palette (#FBEDF6, #E1CED5, #C89FA7, #4F40C3, #261220)
• Wandering Cocoa color palette (#FCE7FC, #BA9BAC, #82698F, #684100, #302B00)
• Nocturne Thicket color palette (#E9DBE7, #3C5FB3, #38192B, #160514, #000302)
• Mulberry Dune color palette (#F6E8F8, #437FBD, #7F3767, #482D00, #00190F)

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