Airy Petrol color palette — #F7EEE0 · #70A9CC · #0067B7 · #004853 · #020348

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

The five colors

• Cream (#F7EEE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#70A9CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#020348): A deep, shadowed, balanced violet — the color of wild irises.

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

• Washed Veranda color palette (#ECE5DA, #6BAEB8, #00718E, #004B43, #001624)
• Pale Veranda color palette (#E2F3E5, #58C3FD, #0068B9, #003D45, #000016)
• Nightshade Atelier color palette (#F5E6D9, #429AC5, #0037B7, #00302C, #17023C)
• Timeworn Boulevard color palette (#F6E6ED, #56BCF1, #507FDD, #006E66, #160636)
• Worn Periwinkle Loft color palette (#FBF4EA, #BDDDD2, #6997D7, #00798F, #2F385B)
• Washed Cornflower Parlor color palette (#FBF4E9, #9ED0FF, #4886FD, #006E89, #262671)
• Raspberry Market color palette (#F4DCD8, #C04473, #00766D, #810042, #001411)
• Soft Plum color palette (#FFE2E7, #BC0052, #486600, #004D81, #170005)

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