Muted Petrol color palette — #D5E2E9 · #B1C7DC · #9BA5B9 · #006C80 · #0F222B
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D5E2E9): a clean, paper-quiet neutral.
- Sky (#B1C7DC): A luminous, dusty blue — the color of deep harbor water.
- Blue Fog (#9BA5B9): A luminous, dusty violet — the color of wild irises.
- Peacock (#006C80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0F222B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Worn Abyss Garden color palette (#DBEAF1, #ACBBCA, #858DAA, #004E59, #0E222B)
- Aged Petrol Lantern color palette (#EEF8F2, #CCDDDE, #C8B3C6, #006B82, #001107)
- Muted Cerulean Garden color palette (#DDE8E0, #D2BEC5, #C4A0A1, #0090A6, #0F2518)
- Tempered Cobalt Dune color palette (#EEF6FF, #D4DEF4, #B8B9E3, #287CC1, #283440)
- Worn Iris Orchard color palette (#DCF0F6, #7290CF, #855F9A, #2D523E, #0E3221)
- Washed Navy color palette (#E5EBF6, #A0A3BC, #8980A0, #2C3C8A, #030917)
- Patina Emerald color palette (#E1F2EC, #58A762, #00715B, #124D5C, #002206)
- Antique Veranda color palette (#D6F0FF, #0081A2, #970056, #462D00, #161200)
Browse the whole catalog at Explore, or see today's palette.