Airy Petrol color palette — #F4F7EA · #65C6E9 · #0077A3 · #005460 · #003755

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Sky (#65C6E9): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003755): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Cobalt Ridge color palette (#FDEFE5, #42CDF9, #0077BD, #00524D, #071246)
• Cerulean Archive color palette (#F5F6EC, #9EDBDC, #00909C, #00675D, #004854)
• Denim Grove color palette (#DFE2D5, #72A7C0, #005E89, #003C48, #00213B)
• Pale Azure Meadow color palette (#FFF0F9, #72DAFF, #0092E7, #00736C, #1A2D6A)
• Ancient Cobalt color palette (#F4F6EF, #BFE6D9, #528ECA, #036C8C, #544054)
• Hushed Navy Courtyard color palette (#E6EBDD, #5D85A8, #003B76, #00202F, #000428)
• Muted Periwinkle Drift color palette (#FFF2EA, #A2E5FE, #63AFFF, #009A81, #2A2373)
• Mulberry Balcony color palette (#FCEDE1, #A45C00, #4F7100, #960056, #381C00)

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