Muted Petrol Lagoon color palette — #ECF7FC · #D6D9E6 · #ADBBE3 · #007885 · #344248
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF7FC): a clean, paper-quiet neutral.
- Silver (#D6D9E6): a clean, paper-quiet neutral.
- Sky (#ADBBE3): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#007885): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#344248): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Muted Petrol Lagoon 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
- Muted Sapphire Workshop color palette (#EFF6FF, #DED6E5, #C0B6D3, #2C67C1, #38414C)
- Aged Petrol Atelier color palette (#EBF5EE, #C1DFE1, #CFB6CE, #00778F, #192920)
- Denim Balcony color palette (#E7F0F5, #C4CDD9, #9B9EB9, #005E75, #1E303A)
- Washed Driftwood Balcony color palette (#F3F5FB, #DFD8E0, #B8A9A2, #7681A2, #505259)
- Wandering Turquoise color palette (#EDF9F1, #CBDEE0, #C5C2B0, #00B7D5, #35443B)
- Muted Boulevard color palette (#E7FBEF, #89B078, #007C61, #175874, #11443D)
- Linen Field color palette (#AAF5E5, #6CAFD1, #8570B8, #5E6325, #285229)
- Hushed Canyon color palette (#DBE3EF, #A5A7BD, #99718B, #0A2E80, #0D141E)
Browse the whole catalog at Explore, or see today's palette.