Gentle Pine color palette — #E2F7F5 · #7CB385 · #AF77AA · #007A32 · #3C1639

A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E2F7F5): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#7CB385): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#AF77AA): A luminous, balanced pink — the color of a candy shop window.
• Olive (#007A32): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#3C1639): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Gentle Coral color palette (#DFF7FB, #5EB6A7, #C47084, #007567, #451222)
• Chalky Peony color palette (#F7F7E2, #87AE5F, #D5639F, #446D00, #5C3447)
• Iris Cabin color palette (#E3F8EC, #AEA569, #8183D5, #726500, #22214B)
• Quiet Fuchsia color palette (#F3F8E6, #81CC8E, #D981CA, #499359, #5C363A)
• Airy Bloom color palette (#D8FAF9, #55A073, #6C77C6, #B14123, #002424)
• Faded Emerald color palette (#E2FBF7, #B6E3AC, #E6A2D0, #579E46, #4F2A44)
• Quiet Corridor color palette (#C2E9EC, #009D7C, #C5028F, #005A46, #2D001E)
• Tempered Harbor color palette (#DFF6FF, #00ACB9, #E6382E, #006870, #440101)

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