Airy Petrol color palette — #FFF0FB · #70C6D9 · #0074B0 · #00583F · #202D65

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#70C6D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0074B0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00583F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#202D65): 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

• Soft Veranda color palette (#FFF1F5, #87BEEB, #4959E4, #005557, #3C235C)
• Aqua Orchard color palette (#FCF0DE, #00D1F0, #007DA3, #00524D, #001C30)
• Dusty Atelier color palette (#E6FCEA, #47E0FD, #009AC7, #00736C, #003657)
• Timeworn Study color palette (#E8DAE3, #68AABD, #005A96, #003F31, #161944)
• Cobalt Basin color palette (#FBF2F6, #BEE2FA, #628CC6, #197164, #3E4662)
• Sky Study color palette (#FFF2EC, #8BEAFF, #29B8F9, #009A83, #01306A)
• Hushed Periwinkle Terrace color palette (#DDFFE6, #3CEDEC, #429FFF, #6F5C00, #004031)
• Nightshade Veranda color palette (#EDDCE2, #5C96BE, #2334B0, #00302F, #1A0337)

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