Airy Petrol color palette — #DFFDF4 · #FCA170 · #006EAF · #003D65 · #04201A

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

The five colors

• Ivory (#DFFDF4): A whisper-light, dusty teal — the color of sea glass.
• Melon (#FCA170): A luminous, balanced orange — the color of autumn markets.
• Peacock (#006EAF): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003D65): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#04201A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.

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 Apricot color palette (#ECF9EE, #FF9F70, #00787E, #004347, #08200E)
• Patina Harbor color palette (#F5EBF3, #D7AD64, #3C60A9, #1E335F, #1C121B)
• Antique Azure color palette (#EFF6FF, #FFBDA4, #5B8FD7, #385C8E, #0F1B2B)
• Tempered Straw color palette (#EDF7FF, #FFD26F, #1972A4, #00324D, #000813)
• Wandering Cornflower Veranda color palette (#FBF2F9, #E9D5D3, #E0B7A9, #6A81D0, #483B45)
• Muted Driftwood color palette (#FBF3F5, #D4D4A7, #88729F, #64414E, #34272C)
• Ancient Loft color palette (#DFFEEB, #00A6C5, #BB7400, #437600, #00313C)
• Tempered Clover color palette (#EBF7FF, #5DBC35, #005066, #002B38, #0C1322)

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