Misty Petrol color palette — #D7E4ED · #006EB0 · #00437F · #00164F · #100027

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7E4ED): bright and airy, almost weightless.
• Peacock (#006EB0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00437F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00164F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#100027): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Misty 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

• Navy Courtyard color palette (#C6EDF8, #007FBC, #004DAF, #231887, #160032)
• Softworn Ridge color palette (#C7E5EA, #008199, #004B5F, #002B3C, #0B1128)
• Misty Lantern color palette (#D5E0EE, #005CB8, #005B38, #002B5C, #001409)
• Cellar Terrace color palette (#DDE1F4, #6166DB, #2E00A1, #09003D, #010010)
• Orchid Basin color palette (#E8EBFF, #A18EE9, #9B55D2, #1F398B, #19133E)
• Dusty Nightshade color palette (#DCEAFF, #3055DD, #2F00C1, #1C0063, #1F0026)
• Tempered Nightshade Cabin color palette (#E2E7FA, #3800D6, #720058, #00373F, #040026)
• Muted Amethyst color palette (#E3E2F8, #7A43DC, #550094, #310048, #210013)

Browse the whole catalog at Explore, or see today's palette.