Muted Petrol Harbor color palette — #E9F5F1 · #ECD6DE · #CBB8C9 · #0072A9 · #132A23
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F5F1): a clean, paper-quiet neutral.
- Silver (#ECD6DE): A whisper-light, dusty rose — the color of strawberry cream.
- Stone (#CBB8C9): A luminous, dusty pink — the color of a candy shop window.
- Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#132A23): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Muted Petrol Harbor 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 Canyon color palette (#E9F5EC, #C9DAD9, #A7C8B9, #007987, #1B291F)
- Petrol Orchard color palette (#F7EFF3, #E8D1CF, #D4B6BE, #6A60A1, #2E2028)
- Ancient Petrol Cabin color palette (#EEF6FD, #D9D8E7, #B3BAD9, #00739F, #2D4352)
- Weathered Denim Garden color palette (#EDE7ED, #D4C6D3, #AE9EAA, #195792, #1B131B)
- Worn Azure Pier color palette (#EBF9F3, #E7D4D0, #ABA293, #009ED9, #283933)
- Tempered Delta color palette (#EDF5E3, #6AB9A5, #007C73, #00575D, #00271F)
- Tempered Atelier color palette (#E1E5FF, #A69ADB, #886998, #7C3D42, #511908)
- Shadow Sapphire color palette (#FDE3F8, #2F58E9, #23244C, #1C0719, #060207)
Browse the whole catalog at Explore, or see today's palette.