Muted Petrol color palette — #F4EDE3 · #97BBA5 · #007299 · #00504D · #003052

Built around Peacock, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Sage (#97BBA5): A luminous, dusty teal — the color of sea glass.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Cobalt Hollow color palette (#F9F4ED, #B0CDBE, #387FB0, #005F65, #243B5B)
• Petrol Veranda color palette (#F2E6E0, #77C0D3, #0070B2, #004D3A, #0D1133)
• Ancient Abyss color palette (#EBE3D6, #569DA0, #005362, #003127, #001721)
• Airy Turquoise Canyon color palette (#E5F3E8, #85E3FB, #34B2E6, #00918D, #003052)
• Cypress Field color palette (#F8F5EF, #CBE4E3, #73A0BC, #007F81, #5E4B60)
• Soft Lapis Orchard color palette (#E8DDC4, #907F00, #5B58C7, #544900, #211963)
• Softworn Hollow color palette (#F3EDD7, #B3C89B, #59AB85, #7B5800, #383730)
• Mulberry Alley color palette (#F4ECD5, #736F00, #006887, #8A005F, #222100)

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