Muted Petrol color palette — #E5FCEC · #FFB4BD · #B38959 · #366794 · #3F2A3A

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

The five colors

• Ivory (#E5FCEC): A whisper-light, dusty teal — the color of glacier melt.
• Ballet Pink (#FFB4BD): A whisper-light, balanced red — the color of late-summer berries.
• Caramel (#B38959): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#366794): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3F2A3A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Coral Lagoon color palette (#E5FBF1, #E5BAEF, #C27B7D, #00717C, #372C44)
• Aged Petrol Harbor color palette (#EAFAEC, #FFD2BB, #A7A576, #657099, #50373F)
• Ancient Sand color palette (#EAFBEA, #FEBD7D, #879B5B, #5E5D8E, #223828)
• Dusty Apricot color palette (#FEF1F9, #F4A48A, #419C8A, #006876, #2F224A)
• Hushed Emerald Hollow color palette (#FFF3E2, #F2B997, #C59C65, #4A9551, #423C37)
• Hushed Bronze Bloom color palette (#FFF4DF, #CD7D88, #935B04, #1C5080, #433B38)
• Softworn Aubergine color palette (#FFE6F0, #968D00, #006545, #480050, #020500)
• Worn Ridge color palette (#E9F9F6, #BCE4F8, #72A8B5, #7C708A, #203E3F)

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