Weathered Petrol color palette — #DDE8E1 · #B4CAC2 · #BA98B7 · #006B85 · #0F241A

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

The five colors

• Parchment (#DDE8E1): bright and airy, almost weightless.
• Stone (#B4CAC2): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#BA98B7): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#006B85): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#0F241A): 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

• Ancient Cabin color palette (#E6EDE7, #B7C9BF, #85AFA2, #006E76, #162319)
• Wandering Terrace color palette (#D7E1DE, #C0AEBD, #AA8A9D, #005789, #081713)
• Patina Cerulean color palette (#E6F0F6, #BCBFCD, #A9A2BE, #018FAA, #0D222C)
• Antique Cobalt color palette (#FBF2FB, #EFD5E7, #C0B6E2, #2B77D0, #3E2B3F)
• Wandering Indigo color palette (#F4ECEF, #E3D3D6, #D3ACAE, #7E5BB7, #39282F)
• Pewter Harbor color palette (#CCE5F6, #799ADB, #7D5DA3, #6C4523, #362800)
• Patina Cerulean color palette (#F0F7F4, #DFD4D3, #ADA193, #5E97B6, #3E4B46)
• Worn Jade color palette (#EFF0DC, #57A673, #00715A, #004F55, #171E00)

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