Misty Petrol Garden color palette — #F5EBF1 · #62C1D6 · #006EA9 · #00523B · #222B4E

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Blush (#F5EBF1): bright and airy, almost weightless.
• Cyan (#62C1D6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006EA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#222B4E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Aged Cobalt Terrace color palette (#FCF2F7, #96CFE5, #507BAC, #046152, #35365B)
• Ancient Terrace color palette (#E8EAE0, #7FBFD0, #007695, #004A4F, #001925)
• Worn Ultramarine Lagoon color palette (#F0DFE6, #5BA8D5, #284EAF, #003E3B, #221640)
• Lagoon Pier color palette (#EEE3ED, #00A3A8, #00516A, #003214, #001330)
• Hushed Basin color palette (#FBF2F7, #D6E0F2, #759EC4, #4A777B, #485269)
• Faded Sky Courtyard color palette (#F8ECE6, #B8DEC6, #4FAEE9, #009381, #0E2B5D)
• Airy Lapis color palette (#C6E8D3, #917F00, #5D54CE, #544900, #23224E)
• Hazy Teal Archive color palette (#D3FFE5, #AADEA5, #2EADAB, #874C33, #193E30)

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