Muted Petrol color palette — #F1E7E2 · #9DBDA1 · #007794 · #004E36 · #00172A
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F1E7E2): a clean, paper-quiet neutral.
- Sage (#9DBDA1): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00172A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Worn Cerulean Atelier color palette (#FCEFE9, #AED2B9, #2786B2, #005D4D, #042042)
- Ancient Petrol Cabin color palette (#F3E6DD, #82BCDB, #366CAC, #004B4C, #0E1035)
- Dusty Abyss color palette (#EFE2DB, #398497, #004060, #00201B, #000108)
- Washed Cerulean Terrace color palette (#EAF9F6, #AEF4F8, #00A4B7, #006A64, #00232B)
- Worn Ash color palette (#F8F0EC, #C8E6E0, #79A893, #60724E, #1A3E36)
- Ancient Canyon color palette (#F9F0E9, #C7E4D8, #7090B9, #096C6E, #3C2235)
- Weathered Fern Coast color palette (#E3EACF, #90CEC6, #5EA5C6, #615E00, #101D00)
- Patina Delta color palette (#B2F3C4, #1BAD7E, #006849, #002F1A, #000903)
Browse the whole catalog at Explore, or see today's palette.