Weathered Petrol color palette — #F0F7F3 · #E1D7DA · #C1ACB8 · #006E8D · #313E37

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#E1D7DA): a clean, paper-quiet neutral.
• Rosewood Mist (#C1ACB8): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#006E8D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#313E37): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Cerulean color palette (#EFF7F4, #D0DCDD, #D5BFD5, #4289AE, #313E39)
• Washed Petrol color palette (#ECF3F8, #D3D5E1, #A5B9D2, #136D94, #16222B)
• Washed Garden color palette (#E4ECE8, #C2B4BF, #A08691, #004A6C, #0C251D)
• Cobalt Archive color palette (#F9F3F7, #E0D8D7, #ACADA2, #797CB4, #5A4F56)
• Chestnut Basin color palette (#C7F3D8, #B59FB4, #7C6895, #685600, #35472F)
• Worn Harbor color palette (#F7F6E6, #7EA689, #007364, #00536B, #303B00)
• Hushed Amethyst color palette (#FAF3F5, #E7D6CF, #D4B3AE, #7D4DB5, #4B3A41)
• Antique Ultramarine Station color palette (#FAF3F8, #DFCDD4, #BF9CA1, #323ED7, #412A3C)

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