Airy Petrol color palette — #F5F2E5 · #919340 · #1A68A7 · #6C252F · #351208

Peacock takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F2E5): bright and airy, almost weightless.
• Moss (#919340): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#1A68A7): A full-bodied, balanced blue — the color of open sky before noon.
• Oxblood (#6C252F): A deep, shadowed, balanced red — the color of late-summer berries.
• Onyx (#351208): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Worn Petrol color palette (#F2F3E7, #85A872, #4A74A7, #72373E, #36230B)
• Timeworn Amber color palette (#F8F1E7, #AB8740, #00727B, #592D5D, #370F11)
• Wandering Lime Drift color palette (#E3FCF5, #82B840, #637DC4, #794B72, #572828)
• Muted Terrace color palette (#ECF7DB, #009B64, #583BC2, #5B2900, #211600)
• Dusty Emerald color palette (#F3F8E6, #3A9F62, #007179, #20497A, #3C3A0C)
• Timeworn Alley color palette (#F4E6C4, #BBC1A4, #538D90, #754F45, #5F2700)
• Wandering Archive color palette (#F7F1E6, #A9BB8B, #4F835C, #5F552C, #2B2811)
• Dusty Aubergine color palette (#E4EEDC, #007E63, #57169D, #3B2000, #0F0A00)

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