Airy Petrol color palette — #E5EFFF · #7FA4E8 · #3D63AF · #0B2E73 · #000C2B

Cobalt takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E5EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#7FA4E8): A luminous, balanced violet — the color of wild irises.
• Cobalt (#3D63AF): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#0B2E73): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#000C2B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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

• Navy Veranda color palette (#EAF3FF, #79A3D7, #3E61B6, #002986, #032151)
• Aubergine Veranda color palette (#EFECFF, #A897E6, #6B56A5, #371D69, #100030)
• Timeworn Sky Harbor color palette (#E1F6FF, #58B6DF, #007092, #003749, #000F17)
• Wandering Navy Thicket color palette (#EFF6FF, #C4DAFF, #608AD3, #1B468E, #000A3C)
• Airy Navy Studio color palette (#EFF6FF, #93B9F7, #537ECF, #1747A4, #022057)
• Antique Powder color palette (#FFEAFD, #E0D3EF, #B3A7E8, #4B79A4, #31172D)
• Worn Nightshade Study color palette (#DDE4F9, #5774DD, #2234AD, #0E0061, #00000B)
• Indigo Boulevard color palette (#F7E2EB, #7D62B7, #9D4545, #004D58, #200413)

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