Weathered Petrol color palette — #F3F7EF · #7FBEA7 · #3A72AD · #007156 · #2B1F2C

A conversation between Slate and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Mint Leaf (#7FBEA7): A luminous, dusty teal — the color of sea glass.
• Slate (#3A72AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#007156): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#2B1F2C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Olive Balcony color palette (#F5F6ED, #94BC83, #1C76A8, #327100, #0D2A22)
• Pewter Lantern color palette (#EFF8F2, #79BACB, #8C5992, #006B7E, #341B21)
• Weathered Cobalt Corridor color palette (#E8F4F8, #5BC7C3, #007FAD, #007471, #051017)
• Ancient Workshop color palette (#FFF3E5, #55A8A0, #366F9B, #6B4400, #294431)
• Aged Cerulean color palette (#F0F8EF, #80D6CF, #009FC4, #00948D, #182820)
• Navy Corridor color palette (#C5FEEA, #71B9BB, #0086AA, #004C95, #352F80)
• Aged Lagoon Grove color palette (#F2F7F2, #D2DDDD, #D1BCC3, #008587, #434A43)
• Mulberry Studio color palette (#EBF9F4, #5AA0D7, #973851, #005484, #27110D)

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