Muted Petrol color palette — #FDF3EF · #CD9297 · #529373 · #0077A0 · #453035

A conversation between Slate and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Dusty Rose (#CD9297): A luminous, dusty red — the color of embers at dusk.
• Fern (#529373): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#0077A0): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#453035): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Hushed Meadow color palette (#FAF2FA, #F3939C, #61A57A, #487692, #232230)
• Aged Petrol color palette (#FCF3EC, #BA956A, #309AA2, #6165A3, #462D29)
• Patina Driftwood Alley color palette (#FDF2F3, #BC8DBC, #83863C, #00776F, #433040)
• Cocoa Garden color palette (#FCF4E7, #E1B1A2, #AB8D5E, #007D8B, #6B3900)
• Muted Orchard color palette (#FEF3ED, #BA6A57, #6D6A16, #055379, #3D3632)
• Nightshade Coast color palette (#FFF3E8, #C07416, #007980, #3639A9, #33100D)
• Aged Taupe Station color palette (#FAF3F0, #DCDAD3, #ADB3A9, #C58B80, #5C504A)
• Ancient Harbor color palette (#FFF3D2, #8A7A00, #006499, #6C0084, #2D0B00)

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