Muted Petrol color palette — #E8F1EA · #95B6D1 · #3069AC · #004E5B · #1E2A56
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Ash (#95B6D1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3069AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#1E2A56): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Petrol Delta color palette (#E8F1EA, #89BAC9, #007586, #005140, #003344)
- Hushed Orchard color palette (#F1E6EA, #98B7D2, #4A63BC, #004B4A, #1B0A34)
- Hushed Bloom color palette (#F7ECE3, #A1CAE9, #6A82CD, #006C6A, #342154)
- Tempered Cerulean color palette (#EEF8F0, #97DBE5, #008DAE, #00685C, #004565)
- Wandering Meadow color palette (#F5EDE2, #AED9F7, #5CA7FF, #008EA4, #212C4D)
- Worn Delta color palette (#D6E2D9, #529AB3, #004F74, #003031, #00142D)
- Tempered Petrol color palette (#F1F7F2, #DADDED, #839AC0, #37788C, #47526B)
- Patina Grape Station color palette (#C1E8DC, #7D9B21, #6E39AE, #3F5100, #321852)
Browse the whole catalog at Explore, or see today's palette.