Muted Petrol color palette — #F6D8D1 · #D3B394 · #A59863 · #218090 · #1C3754

Teal takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6D8D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#D3B394): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#A59863): A luminous, dusty green — the color of new leaves after rain.
• Teal (#218090): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1C3754): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Amber Courtyard color palette (#FFE6E5, #DFA88D, #C29345, #108081, #174432)
• Wandering Moss color palette (#F0E4D8, #BDB586, #75A159, #54789A, #442B3B)
• Apricot Field color palette (#FFE7ED, #EFA270, #7B8E58, #405673, #1C304F)
• Cypress Pier color palette (#E5E6C8, #6E8E65, #007D68, #4D4572, #200021)
• Dusty Balcony color palette (#FFF3E6, #E4D0AA, #A3BC90, #6D9589, #614656)
• Ancient Cornflower Archive color palette (#E9DCC9, #F3B738, #568BEA, #A77900, #0F2752)
• Washed Abyss Lantern color palette (#F1DFCF, #77977D, #6D6736, #004730, #002925)
• Soft Olive color palette (#EFDEC2, #999A61, #3C8931, #34548F, #221041)

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