Airy Olive color palette — #F3E8DC · #A37D00 · #5D7300 · #235300 · #00170C

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

The five colors

• Parchment (#F3E8DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#A37D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5D7300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#235300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00170C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Timeworn Olive color palette (#EAE3CE, #897F00, #525700, #1F3700, #021600)
• Frosted Amber color palette (#FFE3DB, #D06B00, #8A6800, #504E00, #081800)
• Pine Garden color palette (#EDE9D1, #6F9C00, #018220, #005649, #001D1C)
• Airy Clover Canyon color palette (#DCE5D2, #4AB448, #478500, #115605, #000200)
• Patina Magenta color palette (#DCF7E7, #A38D00, #D000C7, #726200, #20001E)
• Gentle Moss color palette (#F8E5C4, #BCAD00, #65A300, #00883A, #004031)
• Frosted Harbor color palette (#EFDDE4, #FB2940, #008123, #002A06, #000202)
• Hushed Alley color palette (#C7EBDD, #68C1C0, #5AA7EF, #A66C00, #011E04)

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