Muted Petrol color palette — #FAF0E1 · #84CAC8 · #00808F · #00543F · #001E28
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#FAF0E1): A whisper-light, dusty gold — the color of old brass.
- Mint Leaf (#84CAC8): A luminous, dusty teal — the color of glacier melt.
- Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00543F): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001E28): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Petrol Boulevard color palette (#F0E8DC, #95BDAF, #2F6DB0, #004955, #07103B)
- Faded Forest color palette (#FDF1FD, #77C8C4, #007A95, #045B11, #00345D)
- Worn Cobalt Drift color palette (#F9F1E3, #B1DBC6, #318AC5, #006167, #012350)
- Denim Meadow color palette (#F3EDE5, #6EA8AB, #006374, #003A2F, #000D15)
- Cerulean Workshop color palette (#EAFAED, #84DCDB, #009EB0, #007559, #003949)
- Abyss Villa color palette (#E9E3DB, #5E826C, #00415A, #001F1E, #000104)
- Patina Turquoise color palette (#D4FFD9, #7AEEC7, #00C5D1, #506A00, #002113)
- Frosted Terrace color palette (#E9E9D0, #7A9000, #466800, #0E4903, #00200D)
Browse the whole catalog at Explore, or see today's palette.