Faded Pine color palette — #E6FBEE · #9AAB7B · #2A7C43 · #594087 · #34401A

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

The five colors

• Ivory (#E6FBEE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9AAB7B): A luminous, dusty green — the color of new leaves after rain.
• Olive (#2A7C43): A full-bodied, balanced teal — the color of sea glass.
• Plum (#594087): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#34401A): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Cypress Garden color palette (#E7FAF3, #75A6A0, #00745C, #613969, #043E3A)
• Muted Forest color palette (#D9E9E0, #789762, #00653F, #4E2D60, #1B2F09)
• Olive Pier color palette (#F8F2DC, #9BB265, #4A7B15, #6F3C30, #252101)
• Aged Villa color palette (#EDF8F3, #ABC8C2, #5A8B8D, #745C7A, #3C524E)
• Amber Market color palette (#FFE2EC, #C07417, #008287, #00599C, #482700)
• Moss Atelier color palette (#E4FCF1, #AFC583, #599B0A, #945646, #114438)
• Cobalt Corridor color palette (#FBF2F8, #9DD9EB, #0087C9, #00685D, #213D74)
• Amber Quarry color palette (#FFF0F8, #DA7336, #008FA0, #934000, #00434C)

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