Muted Petrol color palette — #E9FAF3 · #A2D2AD · #447899 · #1A4762 · #112620
A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Pistachio (#A2D2AD): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#447899): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#1A4762): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#112620): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Petrol Quarry color palette (#ECF7FF, #BDF6C5, #3B7EA4, #213B4E, #061118)
- Timeworn Denim color palette (#FAF3F7, #EDC7BD, #757AA2, #454971, #34272F)
- Denim Corridor color palette (#ECF8F5, #D5A183, #245481, #10304D, #152521)
- Cornflower Thicket color palette (#FBF2F9, #B1C3F4, #A67BBD, #5B77E0, #301E23)
- Quiet Fern color palette (#ECF9EF, #34AAB8, #95772A, #446500, #25301C)
- Mulberry Alley color palette (#F9EAEC, #E7A089, #864A80, #4C2449, #230F12)
- Antique Bloom color palette (#FBE8FD, #2A9968, #00386C, #000F25, #000206)
- Gentle Ultramarine color palette (#F2DDEE, #EF86A0, #294DC2, #0B1D7A, #040C29)
Browse the whole catalog at Explore, or see today's palette.