Airy Olive color palette — #F3EEDC · #628900 · #006D2B · #004251 · #010500

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

The five colors

• Cream (#F3EEDC): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#628900): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006D2B): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004251): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Weathered Bronze Harbor color palette (#F2E6CD, #8F7900, #556100, #004441, #040300)
• Wandering Pine color palette (#E7ECDB, #009155, #00695A, #003C6A, #000502)
• Moonless Boulevard color palette (#EEEFDF, #286E00, #002A11, #0B1008, #020200)
• Worn Onyx color palette (#F5D9C1, #6E6500, #004A2F, #37003C, #020400)
• Ancient Navy Parlor color palette (#CAE8D6, #4C9583, #227170, #1E4575, #0C0C2C)
• Frosted Nightshade Pier color palette (#E3EDD8, #00B289, #008884, #224EA9, #001B16)
• Aubergine Alley color palette (#F0F3D3, #009C9C, #00748A, #4924A4, #000E10)
• Washed Cobalt color palette (#DCE1CF, #73A9C2, #007DB1, #005B6A, #000A16)

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