Weathered Petrol color palette — #D8E9E4 · #AF9FA3 · #9D8388 · #2666A0 · #000C09

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

The five colors

• Honeydew (#D8E9E4): bright and airy, almost weightless.
• Taupe (#AF9FA3): a calm mid-gray that lets other colors speak.
• Heather (#9D8388): A luminous, dusty red — the color of a theater curtain.
• Peacock (#2666A0): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Denim Terrace color palette (#D4E4DE, #AE9FAB, #997D88, #004972, #000C08)
• Hushed Orchard color palette (#EADFE4, #AE9B98, #9E8179, #6D50A2, #11050A)
• Timeworn Cypress color palette (#D9E5DA, #90A5A2, #6E8F8E, #007177, #000D02)
• Aged Onyx color palette (#D7DFE9, #848E9D, #5B6B8B, #002B4F, #000104)
• Washed Violet color palette (#F5EAEF, #D1BAB7, #BE9F98, #856EC7, #2D1722)
• Washed Fern Canyon color palette (#E9E1C7, #839051, #4F6D22, #00544D, #050700)
• Dusty Iris Bloom color palette (#ECECFF, #9175B6, #7B5C80, #623834, #2A0900)
• Airy Amethyst color palette (#FBE8F7, #41A3FF, #9F6FE9, #7B48F1, #010012)

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