Weathered Petrol color palette — #EFF8F2 · #C6E0E1 · #C9B4CA · #00778B · #35443A

Teal takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Silver (#C6E0E1): A whisper-light, dusty teal — the color of glacier melt.
• Rosewood Mist (#C9B4CA): A luminous, dusty pink — the color of peonies in June.
• Teal (#00778B): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#35443A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Worn Studio color palette (#EBF8FE, #D5D9E8, #BFBCD0, #0097AB, #30434B)
• Weathered Cypress Summit color palette (#F3F7EF, #C7E3D8, #ACC3B1, #007E5B, #3D4237)
• Hushed Field color palette (#FAF3F9, #EDD3D5, #CDB4BE, #4E6A9D, #4A3A48)
• Denim Lagoon color palette (#E5F2EB, #B8D3CB, #B197AD, #005E78, #26312B)
• Softworn Driftwood Ridge color palette (#FBF2F6, #E3D7D5, #AEADA3, #957887, #575054)
• Dusty Periwinkle color palette (#C5EBFF, #7CA7E4, #8478B0, #5E5752, #49443E)
• Muted Market color palette (#DAE3E0, #C3B3C0, #A58295, #004777, #10241F)
• Obsidian Petrol color palette (#D5EDE5, #006FA8, #192851, #031D16, #000908)

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