Muted Petrol Loft color palette — #E2F7F5 · #7DC7E2 · #007CA7 · #00505A · #001C2E
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E2F7F5): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#7DC7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00505A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001C2E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Petrol Loft 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 Cerulean Basin color palette (#E2F7F3, #9CDEDD, #00949F, #006358, #002B32)
- Antique Periwinkle color palette (#E6F4FF, #ACD0FF, #8FABFF, #006D8D, #00223C)
- Navy Summit color palette (#FFF2EA, #7BC4DC, #0074B3, #00564F, #102A76)
- Grape Station color palette (#D1E8F6, #007BA9, #7B2CD3, #006147, #00101A)
- Denim Coast color palette (#DCECEA, #6BA5C0, #005F88, #003842, #000C19)
- Patina Navy color palette (#D9F0F0, #597C9B, #003B72, #001D2A, #000108)
- Chalky Thicket color palette (#FFF0F9, #D6D7F0, #1AA2F6, #00736B, #091B5E)
- Muted Alley color palette (#E0F1FD, #0093C0, #B600BD, #00546F, #29002B)
Browse the whole catalog at Explore, or see today's palette.