Airy Olive color palette — #DEFDF4 · #668C00 · #006A55 · #004858 · #462900

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DEFDF4): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#668C00): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006A55): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#462900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Airy Olive 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 Emerald color palette (#DAFEF7, #3A9500, #006865, #692A00, #383100)
• Emerald Alley color palette (#E8F9F9, #00A267, #00707D, #24487A, #3B3A05)
• Wandering Olive color palette (#C7EADF, #5C7300, #005342, #003342, #2D1B00)
• Washed Fern color palette (#E1FEE5, #A27400, #3C6800, #004B43, #5A1401)
• Hazy Clover color palette (#DAE4D0, #5ABB00, #1A9019, #005D2B, #00423E)
• Jade Field color palette (#E3FBF8, #45BC83, #007C5E, #535424, #0D4343)
• Navy Quarry color palette (#DDFAEA, #918500, #006964, #262982, #330016)
• Aged Aubergine Field color palette (#C5F1F8, #008070, #005370, #2F008E, #132B00)

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