Weathered Petrol color palette — #F5F1EB · #C7E4D9 · #6B90BC · #006A7A · #3B2237

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C7E4D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6B90BC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3B2237): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Tempered Cerulean color palette (#F5F1EB, #C9E4D4, #5096BD, #006C6C, #00352C)
• Washed Iris color palette (#FCF2F6, #C6E0F5, #6A88CE, #00716C, #414562)
• Cobalt Orchard color palette (#F8F1E5, #A6D7F3, #3C88CA, #00606B, #061F57)
• Denim Market color palette (#F1E9DC, #69A8B0, #006279, #003A33, #000C16)
• Dusty Cerulean color palette (#E1F8F2, #F2D7CD, #E6B9CB, #3989A8, #382637)
• Hazy Petrol Summit color palette (#E7F6F1, #6EABD8, #B97F45, #006BA2, #3C1F00)
• Ancient Balcony color palette (#DBECDF, #61B0CD, #007CB0, #00518B, #122A50)
• Navy Field color palette (#F0E6D8, #608EBC, #1A409C, #002A37, #03001B)

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