Airy Petrol color palette — #E8E0D3 · #7CA8C2 · #0068B4 · #004952 · #010843

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E8E0D3): bright and airy, almost weightless.
• Blue Fog (#7CA8C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#010843): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Petrol Canyon color palette (#E5DFD4, #65AFB9, #00718D, #004B42, #001624)
• Misty Petrol color palette (#E2F4E5, #60C2F8, #0069B6, #003D45, #000016)
• Nightshade Balcony color palette (#EBDFD5, #4A99C0, #003DAC, #00302C, #160539)
• Cornflower Terrace color palette (#F4DFE8, #75B9E0, #507EDE, #006E67, #160735)
• Worn Periwinkle Basin color palette (#FAF4EB, #B6DFD1, #6797D8, #00798E, #2B3765)
• Weathered Atelier color palette (#F8F5EF, #C0E8DF, #6AB1C5, #008E7A, #224D63)
• Misty Grape Courtyard color palette (#F1ECD0, #7F9222, #6F07C4, #404B00, #170030)
• Hazy Mulberry color palette (#E8E6C4, #537200, #005F9A, #8B003D, #050900)

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