Weathered Petrol color palette — #F6F1EA · #C3E5DB · #728DC2 · #006983 · #25284B

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

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Silver (#C3E5DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#728DC2): A luminous, balanced violet — the color of twilight just after sunset.
• Peacock (#006983): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#25284B): A deep, shadowed, dusty 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 Courtyard color palette (#F8F1E5, #ADD5F6, #4582DA, #005F73, #171D54)
• Hushed Denim Hollow color palette (#EEE6DB, #6EA6B5, #006082, #003937, #000C19)
• Washed Cerulean Harbor color palette (#F5F1EB, #B5CFBA, #2E88A1, #005D51, #002435)
• Antique Navy color palette (#F5EFE4, #49809C, #003E69, #001F23, #000109)
• Wandering Periwinkle Archive color palette (#F0F7F1, #D8DCFA, #82A4E6, #1E87A5, #3B4763)
• Timeworn Brick Alley color palette (#F2F5D8, #719B65, #5980BC, #B43945, #1F2003)
• Dusty Cabin color palette (#F3F3DF, #8DB170, #A579BA, #447400, #341A40)
• Softworn Cocoa color palette (#FFEFE0, #C1A786, #946B48, #6E3E2B, #2D2109)

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