Muted Petrol color palette — #E7EAE1 · #95BDB1 · #346EA9 · #004860 · #001339
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E7EAE1): a clean, paper-quiet neutral.
- Ash (#95BDB1): A luminous, dusty teal — the color of glacier melt.
- Slate (#346EA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004860): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001339): 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
- Patina Petrol Bloom color palette (#E9EADE, #9ABE9F, #007987, #004C47, #001A20)
- Ancient Sapphire color palette (#FAE9EF, #90B6D7, #4062BA, #004E57, #2C274D)
- Wandering Hollow color palette (#EEEFE1, #6CA8AF, #006373, #003938, #000D13)
- Linen Cornflower Station color palette (#E4F2F1, #A8C8E7, #3688E0, #00668A, #142C57)
- Weathered Abyss color palette (#E7E8DA, #638167, #00444D, #001F1D, #000202)
- Airy Olive Ridge color palette (#F2F1DB, #698C38, #007699, #355000, #00151E)
- Muted Olive Delta color palette (#E6E3CD, #5F7600, #006D67, #743A00, #080D00)
- Powdered Olive color palette (#EFF2D6, #9BD0AB, #5BAF92, #4D7000, #002608)
Browse the whole catalog at Explore, or see today's palette.