Faded Pine color palette — #E2F8F0 · #8AB583 · #147F52 · #793700 · #052901

Built around Teal, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Ivory (#E2F8F0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8AB583): A luminous, balanced green — the color of new leaves after rain.
• Teal (#147F52): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#793700): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#052901): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Sunlit Balcony color palette (#E7F7EB, #ACAC67, #577813, #7D2E34, #232200)
• Wandering Meadow color palette (#E1F7F4, #73ACAD, #007567, #5E3F12, #002315)
• Misty Forest color palette (#D2ECE2, #78A366, #006D3D, #3B4300, #071C00)
• Weathered Olive Bloom color palette (#E8F6ED, #93BEAD, #637F4F, #385F48, #142D24)
• Jade Thicket color palette (#FCF5DF, #79B380, #007A6D, #6C3F61, #3A3B34)
• Patina Emerald Lagoon color palette (#F8F6E7, #9BC993, #009F66, #8D5B3E, #3A3B34)
• Worn Moss color palette (#E8E5D0, #A6A726, #607900, #225800, #002D0F)
• Hushed Pine Harbor color palette (#D5FFD4, #7AC879, #0C871E, #074608, #001802)

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