Misty Petrol color palette — #DDF1E9 · #0075AA · #834900 · #003E5C · #2B1400

Cerulean takes the lead with Bronze close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDF1E9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0075AA): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#834900): A full-bodied, balanced gold — the color of old brass.
• Navy (#003E5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2B1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Wandering Cobalt color palette (#F0DEEF, #376BBF, #785000, #00337F, #271700)
• Softworn Denim Canyon color palette (#CDECE1, #006598, #534E00, #00304B, #121000)
• Azure Field color palette (#D4F1E7, #29A0E5, #945200, #005884, #2B1400)
• Mulberry Basin color palette (#DFF4E7, #007A91, #A8002E, #00414E, #3A000A)
• Sunlit Ultramarine Lantern color palette (#D5E1F0, #0057B0, #763C00, #463500, #00112C)
• Hushed Sky Balcony color palette (#D5E1EA, #31BEFA, #AD6B00, #007AA7, #291600)
• Chalky Aubergine color palette (#EED7E2, #7353C4, #645B00, #430090, #1F1B00)
• Nightshade Summit color palette (#F7DBEC, #7472EB, #8E6900, #4700D2, #3C2B00)

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