Gentle Pine color palette — #FEF0D5 · #9AB361 · #207F3C · #55416E · #1B2500

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF0D5): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9AB361): A luminous, balanced green — the color of fresh herbs.
• Olive (#207F3C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#55416E): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#1B2500): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Jade Veranda color palette (#F5F3DC, #53C17F, #007C6E, #663B5C, #1D2401)
• Aged Pine Bloom color palette (#E7FCEB, #99AC74, #257B51, #584771, #33410F)
• Frosted Moss Canyon color palette (#F6E2BC, #85A300, #006F28, #5E2A43, #121900)
• Quiet Emerald Workshop color palette (#E3FDEE, #AFC581, #5C9753, #7E5A82, #344019)
• Timeworn Moss Delta color palette (#DCFFEF, #CAE58E, #73A24C, #925A4C, #0D362C)
• Timeworn Pine Dune color palette (#E9E8D0, #248E57, #004F46, #3E1B36, #060900)
• Dusty Coast color palette (#FFEEE4, #FFD898, #B3C968, #9E5C6C, #3A220A)
• Forest Ridge color palette (#E6E2CE, #0A6B14, #003225, #2B030B, #000200)

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