Muted Petrol color palette — #F8EAF0 · #7EC1DD · #006BB0 · #003E3B · #010015

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

The five colors

• Blush (#F8EAF0): a clean, paper-quiet neutral.
• Sky (#7EC1DD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006BB0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010015): A deep, shadowed, 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 Muted 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

• Timeworn Cobalt color palette (#FFF1F5, #ADD0EF, #5276C8, #005058, #0D0030)
• Hushed Denim color palette (#EFE0EA, #5DB2B6, #005E75, #002D1D, #000103)
• Cobalt Loft color palette (#E5E8DC, #7DBAD4, #008DC5, #006A7B, #001527)
• Weathered Denim Pier color palette (#F7E8DF, #4B9ABA, #004C83, #00302E, #070B3B)
• Dusty Periwinkle color palette (#FDF2F6, #D7D4DF, #74A9E9, #007F80, #252A50)
• Worn Byzantium color palette (#D0ECDC, #8D8000, #8F2AC1, #443D00, #030005)
• Moss Veranda color palette (#CAEBDB, #719347, #535000, #2E1E00, #000200)
• Antique Lagoon Terrace color palette (#FAF3F8, #D2D5E5, #7BC8DC, #4F926E, #20435C)

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