Weathered Petrol color palette — #E8F1EB · #CFBECF · #BB99AA · #006C81 · #14231A

Built around Peacock, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F1EB): bright and airy, almost weightless.
• Oat (#CFBECF): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#BB99AA): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#14231A): 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

• Denim Harbor color palette (#DEEBE7, #C5ABBC, #AA8C93, #005886, #051813)
• Cerulean Bloom color palette (#E2EDE8, #B4C2C4, #BFA4AE, #008CB9, #0A251B)
• Worn Market color palette (#EAEFE6, #B4CBB9, #89AEA3, #007258, #1C2116)
• Cobalt Hollow color palette (#FCF1FE, #EFD6E3, #D7B3B8, #3C7ABC, #3B2D3C)
• Timeworn Cerulean color palette (#EFF8F3, #E2D3D0, #AAA392, #5D98B3, #404A46)
• Jade Field color palette (#EFE9D6, #60A567, #007063, #16496A, #1A1D00)
• Washed Canyon color palette (#CBF3F3, #6497D4, #82638C, #515220, #282800)
• Gentle Mulberry Balcony color palette (#D7E3D8, #008588, #970053, #363500, #131300)

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