Weathered Petrol color palette — #EEF7F7 · #C6E0F7 · #648DBC · #006B8F · #34486A

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Powder Blue (#C6E0F7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#648DBC): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006B8F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#34486A): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Weathered Cypress Station color palette (#EDF8F5, #C3E3EC, #51979D, #007265, #1F4E60)
• Weathered Iris color palette (#F9EFF2, #C7E0F5, #688BD7, #086B75, #242B42)
• Denim Archive color palette (#DDE9E6, #76A7BB, #006176, #003E3F, #002330)
• Washed Iris color palette (#E6F9FF, #61AEAF, #8D79CF, #007476, #45396A)
• Wandering Cerulean color palette (#E1F0EE, #4A89A5, #00415F, #002128, #000A16)
• Antique Lantern color palette (#FAF4EE, #C3E5E9, #80A3EE, #018A98, #5B3D4E)
• Petrol Canyon color palette (#E7F9FF, #7BC7CC, #00818B, #004C4F, #00363B)
• Soft Cobalt color palette (#E5F9FF, #369A97, #477ACA, #547600, #0F3F49)

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