Muted Petrol color palette — #EDE8E1 · #8ABCD1 · #0072AB · #004B4F · #001534
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EDE8E1): a clean, paper-quiet neutral.
- Ash (#8ABCD1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001534): 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
- Hushed Veranda color palette (#EEE8DF, #A0BCA0, #007987, #004D3A, #001922)
- Aged Bloom color palette (#F5EBF0, #7BBCD4, #0068BF, #005144, #28294E)
- Wandering Courtyard color palette (#F7F1E7, #AFD0C3, #437FBF, #005967, #121E3F)
- Ancient Orchard color palette (#E8E0D4, #77A89B, #2E53A2, #003746, #07002F)
- Hushed Abyss Dune color palette (#ECE6DC, #4F96A2, #005168, #002C28, #00050B)
- Petrol Meadow color palette (#F5F1EB, #CAE0E0, #74A89B, #007985, #442D43)
- Linen Coast color palette (#F2D9E3, #774FBD, #8E4A00, #00594B, #100126)
- Muted Ultramarine color palette (#FFE2F0, #DFB8E8, #DB80A4, #485DAE, #231033)
Browse the whole catalog at Explore, or see today's palette.