Airy Pine color palette — #F0F0D8 · #558200 · #06741D · #00396B · #010100
Olive and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0F0D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#558200): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#06741D): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#00396B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Airy Pine 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
- Navy Quarry color palette (#F8F7DE, #4C7000, #005722, #1E006B, #020100)
- Twilit Fern Atelier color palette (#E7E9D5, #225C00, #00415F, #2F0028, #000200)
- Nightshade Studio color palette (#FFE9E0, #BE413F, #007154, #1E1C98, #050000)
- Tempered Pine Grove color palette (#EDF1D6, #118A26, #006A83, #5F005F, #000200)
- Washed Cabin color palette (#FFE9DD, #BD7800, #03691F, #430054, #050400)
- Patina Marigold Archive color palette (#FFD4C2, #C69A28, #596800, #003E1A, #000707)
- Muted Aubergine color palette (#F8EDD8, #887000, #006D71, #4E0080, #020100)
- Wandering Amber Basin color palette (#FDF3EB, #E2884A, #007157, #793900, #000201)
Browse the whole catalog at Explore, or see today's palette.