Weathered Petrol color palette — #F6ECE6 · #96BBAA · #3F68A6 · #005048 · #2D2457

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Sage (#96BBAA): A luminous, dusty teal — the color of sea glass.
• Slate (#3F68A6): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2D2457): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Misty Sapphire color palette (#FFF2EA, #7EC2DE, #006CCE, #00574A, #2D2271)
• Dusty Cobalt Workshop color palette (#FBF4ED, #A3D0C1, #6075B2, #00605E, #3F325A)
• Tempered Bloom color palette (#E1EDE3, #87BCD6, #0070B2, #004A51, #021336)
• Timeworn Atelier color palette (#EDDEDA, #71ABA9, #006179, #004210, #00203E)
• Worn Courtyard color palette (#FBF3F1, #CEE3D1, #5992AF, #207347, #32486B)
• Muted Drift color palette (#F9EAF1, #94DFFF, #65A6FB, #0F9280, #2A2654)
• Weathered Cabin color palette (#FFEAE7, #F0BAA7, #AFA55C, #6B3F9E, #4D1B25)
• Chalky Study color palette (#F0DED6, #B33D38, #007239, #005551, #3E0908)

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