Muted Petrol color palette — #E5F7EC · #74C0D4 · #CA8788 · #1D7E93 · #47281D
Teal and Dusty Rose set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E5F7EC): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#74C0D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Dusty Rose (#CA8788): A luminous, balanced red — the color of embers at dusk.
- Teal (#1D7E93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#47281D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Sophistication. Tagged 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 Veranda color palette (#EDF9F0, #79BDC7, #CA8281, #00818F, #534B48)
- Worn Petrol color palette (#FAEEF7, #9FB3DF, #BF9267, #5870A7, #35302B)
- Washed Pine Veranda color palette (#F0F3E8, #93C09E, #C586A5, #3F8254, #472626)
- Cerulean Studio color palette (#E7F9FF, #92D1D7, #E09E8F, #009FA9, #604258)
- Dusty Turquoise Terrace color palette (#E2F8E9, #61A9B8, #B47E6F, #9C6A5C, #182D20)
- Antique Ultramarine Grove color palette (#FCECFA, #81A2E9, #999031, #3D60B1, #2C2800)
- Misty Villa color palette (#D3FDEE, #32B2FB, #C64100, #006191, #3D0E00)
- Washed Cerulean color palette (#DEFAE8, #99D3E7, #418DA6, #0D5169, #00242C)
Browse the whole catalog at Explore, or see today's palette.