Airy Petrol color palette — #CFE7F4 · #0076AC · #00507E · #00284C · #000921

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

The five colors

• Frost (#CFE7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00507E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00284C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000921): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Wandering Petrol color palette (#C5E7E7, #007983, #004B58, #002B36, #000A11)
• Shadow Onyx color palette (#D2E5EC, #006186, #003960, #000E45, #0C0019)
• Antique Terrace color palette (#F3DCF5, #0068C3, #9E0063, #00376D, #120007)
• Violet Drift color palette (#F6DBF0, #9897EB, #8B6ABC, #285087, #0B0A29)
• Timeworn Nightshade color palette (#DFEFFF, #006AE0, #002EBC, #150E78, #070030)
• Sapphire Lagoon color palette (#E3EFFD, #609FFF, #416FE6, #3F499E, #242255)
• Ultramarine Coast color palette (#E1EAFA, #0044D4, #7F0081, #004747, #00010C)
• Misty Grape color palette (#DADEF3, #7169FF, #6B3BE2, #461C84, #290946)

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