Muted Petrol color palette — #F4E6DE · #67C2DB · #226FAC · #004D3B · #0F1132
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F4E6DE): a clean, paper-quiet neutral.
- Cyan (#67C2DB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#226FAC): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0F1132): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Washed Petrol color palette (#EEF0E2, #96BCA6, #007394, #004F56, #003249)
- Antique Ridge color palette (#F7E8DB, #58A5D7, #344EAC, #003938, #0F0125)
- Antique Archive color palette (#FBEFE7, #A4D4BE, #507DBB, #005C51, #331328)
- Tempered Station color palette (#F8EAF3, #91CFE2, #3F8EC1, #006D61, #152C57)
- Ancient Lagoon Orchard color palette (#F0E0DA, #379AA0, #00516C, #002E14, #000412)
- Gentle Mallow color palette (#FFE8F9, #E2AFF2, #DB858A, #006685, #2A121E)
- Timeworn Forest color palette (#F9EFED, #C9E6C6, #5798AC, #3F6A3F, #06342C)
- Wandering Balcony color palette (#F8F0EB, #BEEFED, #AE90B1, #3D776A, #432F3C)
Browse the whole catalog at Explore, or see today's palette.