Airy Petrol color palette — #F2EAF1 · #7CBFC2 · #0080A7 · #005D2D · #001D47

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2EAF1): bright and airy, almost weightless.
• Mint Leaf (#7CBFC2): A luminous, dusty teal — the color of sea glass.
• Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D2D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001D47): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Tempered Sapphire color palette (#F1E6EC, #84BAD2, #1E73D5, #005A4E, #1C1744)
• Weathered Study color palette (#FFF2EC, #96DADE, #0087A8, #00543B, #000E1C)
• Ancient Cerulean color palette (#DAEFEA, #7FCFD5, #00A4B7, #007E76, #00242D)
• Ancient Teal color palette (#EFE6D8, #59AEB3, #006274, #003F34, #002332)
• Frosted Grove color palette (#FFF1F7, #88D6FF, #4386FF, #00736A, #332663)
• Wandering Sky color palette (#FBF2F8, #C5ECFD, #58AEE5, #3E8C6B, #384863)
• Jade Coast color palette (#D1ECDC, #00B57A, #007A4A, #004021, #000E06)
• Pale Periwinkle color palette (#D0F2EB, #61DBCF, #4AACFF, #896600, #002715)

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