Airy Petrol color palette — #ECDCE7 · #72ACBB · #006BA8 · #004C38 · #090049

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

The five colors

• Shell Pink (#ECDCE7): A whisper-light, dusty pink — the color of neon signs at night.
• Blue Fog (#72ACBB): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#090049): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Ultramarine Corridor color palette (#F4E2E8, #82A6C5, #4958C6, #004A4B, #1D0038)
• Petrol Harbor color palette (#FFE9DE, #5AC8DE, #006DA6, #00402D, #010015)
• Cerulean Hollow color palette (#EAE1D4, #2F9FB5, #00516C, #00302D, #001527)
• Cerulean Atelier color palette (#D7E3D9, #4CC1DA, #008FBC, #006D68, #001527)
• Powdered Wisteria color palette (#C7E8EC, #93B3F9, #C472D2, #006C58, #001B2C)
• Azure Archive color palette (#CEF0FF, #0096DB, #005880, #002E3D, #000204)
• Pale Cobalt color palette (#F4EBF3, #95CFDC, #248FCD, #006F4E, #1E2A55)
• Quiet Terracotta Lantern color palette (#CEEBF7, #008796, #A24800, #004F58, #1F0800)

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