Muted Petrol color palette — #EFF7F2 · #C9DFDE · #A6C4B9 · #00778C · #324539
A conversation between Teal and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F2): a clean, paper-quiet neutral.
- Silver (#C9DFDE): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#A6C4B9): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#324539): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Antique Petrol color palette (#F9F3F9, #E3D7D9, #CDBABB, #5B759F, #4C454C)
- Weathered Petrol color palette (#EDF4EF, #C9DADB, #C9B9CA, #00788A, #152A1D)
- Softworn Denim Field color palette (#E7F1EC, #B9D3C9, #8CA7A0, #005D7A, #26312B)
- Pine Atelier color palette (#F5F7E1, #70B67E, #007D50, #435836, #3A3B34)
- Aged Ridge color palette (#F1F7F2, #CBE0E2, #BCBBA5, #00BAC9, #364439)
- Petrol Veranda color palette (#CDF1E4, #006FA8, #0A2A51, #001E16, #00090A)
- Wandering Navy color palette (#DAEBE6, #C2B4C1, #9B8796, #004779, #0B241F)
- Nightshade Field color palette (#FFF0F9, #E9C8D7, #C697A8, #524CA1, #3F2C38)
Browse the whole catalog at Explore, or see today's palette.