Muted Petrol color palette — #F7E5DB · #66C2DA · #0073A6 · #004C42 · #001339
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F7E5DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#66C2DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001339): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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 Workshop color palette (#F8EAF3, #8BB9CF, #036DAB, #00523D, #20285A)
- Weathered Denim color palette (#EDDFD2, #62A4CF, #2855A1, #00393D, #09002D)
- Cobalt Summit color palette (#FCEFE2, #A5D6FF, #607FCC, #00606B, #241B4C)
- Muted Azure color palette (#EBF8F7, #C7E2FF, #00A0CD, #006971, #002232)
- Tempered Lagoon color palette (#F7E4DC, #339AA0, #005266, #002D1D, #00050C)
- Aged Cerulean Boulevard color palette (#FAF0EA, #CBE5C8, #439BAC, #356C49, #113328)
- Faded Sapphire color palette (#F4EBCE, #898300, #3D5DD8, #4C4900, #04093A)
- Mint Villa color palette (#FAEAC4, #9AD88C, #5EB6A6, #7A4C0D, #1B1600)
Browse the whole catalog at Explore, or see today's palette.