Weathered Petrol color palette — #EAF9F3 · #CBB2E2 · #BC807B · #1C78A0 · #4C4359

Slate and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F3): a clean, paper-quiet neutral.
• Lavender (#CBB2E2): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#BC807B): A luminous, dusty orange — the color of autumn markets.
• Slate (#1C78A0): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4C4359): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

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

• Tempered Basin color palette (#E4FAFA, #A6C0E4, #B47EA5, #2F7D73, #41465D)
• Petrol Parlor color palette (#EDF9EE, #E7ABB5, #A68F62, #596CA4, #563F4F)
• Petal Corridor color palette (#F7F7E2, #FDC8FE, #C79481, #417C89, #503836)
• Aged Driftwood Dune color palette (#F3F4FF, #D9CCE5, #C4A6B1, #718096, #465469)
• Ancient Bronze Studio color palette (#FDF4E6, #CF94A7, #A16553, #316552, #56423D)
• Bronze Veranda color palette (#DCFFEC, #DE85C4, #BD6000, #005F9A, #581F2E)
• Dusty Teal color palette (#F0F7F2, #B5DAD1, #72A992, #7C7997, #36544D)
• Weathered Taupe Cabin color palette (#F8EEF8, #C6888B, #665159, #413241, #232026)

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