Muted Petrol color palette — #F8E9E3 · #5BB1B7 · #00718E · #004C35 · #001527
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F8E9E3): a clean, paper-quiet neutral.
- Cyan (#5BB1B7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001527): 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
- Soft Petrol Canyon color palette (#ECDED3, #5AADD2, #0067B8, #004A49, #09093D)
- Weathered Petrol Dune color palette (#E5F2E8, #73C6CD, #007389, #003F34, #000306)
- Patina Cerulean color palette (#E0F0ED, #0CA2AD, #00535F, #00302E, #00171E)
- Antique Balcony color palette (#DBF9E0, #69BFF0, #9279F5, #00684C, #001E27)
- Cerulean Harbor color palette (#E9DAE8, #71BFC6, #008FC0, #007140, #001036)
- Plum Loft color palette (#D3F4DE, #00869B, #BD004D, #004E5B, #250009)
- Wandering Cerulean Grove color palette (#F6ECE7, #8BD3D4, #0095B3, #007048, #00314D)
- Mulberry Canyon color palette (#CCF3F6, #00747D, #AB0031, #743800, #000A0B)
Browse the whole catalog at Explore, or see today's palette.