Pale Pine color palette — #E3F8EA · #9CB173 · #008138 · #583F6D · #00271F

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

The five colors

• Honeydew (#E3F8EA): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9CB173): A luminous, balanced green — the color of fresh herbs.
• Olive (#008138): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#583F6D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#00271F): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Muted Quarry color palette (#E3F7F1, #67BD89, #007C6F, #69395A, #002726)
• Olive Archive color palette (#E2FCF1, #91B05E, #437922, #67445C, #324019)
• Moss Archive color palette (#D1EDDB, #83A23A, #006E31, #681E42, #111900)
• Muted Lagoon color palette (#EAF5EF, #A9CCC5, #509373, #6C5971, #213632)
• Worn Emerald Atelier color palette (#FFF4DD, #AAC86E, #369D56, #735F87, #3C3B34)
• Pale Moss color palette (#FBF6E0, #C9E59A, #6AA446, #995642, #27340D)
• Softworn Pine color palette (#D1EDE5, #378B5F, #004F47, #451238, #000B04)
• Cobalt Bloom color palette (#FAEEF5, #9EDAEF, #008AD3, #00635B, #132248)

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