Airy Petrol color palette — #F3E4F0 · #5EC5D0 · #0074A0 · #004E2E · #031338

A conversation between Slate and Aqua, giving this palette its sense of nature and growth.

The five colors

• Blush (#F3E4F0): A whisper-light, dusty pink — the color of peonies in June.
• Aqua (#5EC5D0): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004E2E): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#031338): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Softworn Cobalt Villa color palette (#F8EFF4, #97D2E2, #4581B1, #0C5D46, #142038)
• Washed Petrol color palette (#E0F3F0, #76BFC8, #007588, #00504E, #003442)
• Pale Sapphire Terrace color palette (#E3ECE2, #8AB9DF, #4E60C2, #004B4C, #1C0B31)
• Pale Ultramarine Lagoon color palette (#F4E2EB, #55A8CA, #0055AE, #003A32, #0A0327)
• Aged Cerulean color palette (#FDF4E5, #A6F5FF, #28A1C1, #006B5E, #002133)
• Patina Ash color palette (#F7EFF5, #D4D2EA, #73A2C4, #487661, #2B364A)
• Lagoon Market color palette (#F1E5F3, #009E9A, #005265, #012F05, #00040E)
• Frosted Byzantium Thicket color palette (#ECE6FF, #AD08AD, #006F52, #005254, #0E041F)

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