Gentle Pine color palette — #DDFAE7 · #9BB35D · #128036 · #6A3B50 · #00271E

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

The five colors

• Honeydew (#DDFAE7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9BB35D): A luminous, balanced green — the color of fresh herbs.
• Olive (#128036): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#6A3B50): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#00271E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Gentle 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

• Wandering Terrace color palette (#DDF9F1, #6CBB8B, #007C6F, #633E58, #002726)
• Pine Loft color palette (#FFF4DF, #93AD79, #007D58, #663F70, #2F411A)
• Aged Canyon color palette (#DAEEE3, #729C57, #076542, #552935, #001713)
• Wandering Moss color palette (#D5ECDA, #939E00, #206D0F, #503A00, #151800)
• Emerald Station color palette (#FFF4DB, #B3C479, #699457, #91574E, #364009)
• Worn Lime color palette (#E3FEB7, #9AC700, #517800, #2F3D00, #0B1600)
• Pale Pier color palette (#FCEBDC, #C19200, #7B7100, #3C5300, #032D03)
• Airy Grape color palette (#E3ECAF, #949E27, #6543CA, #8B247F, #181A00)

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