Faded Pine color palette — #DBFEF9 · #8DD489 · #BE91D9 · #2D8D2E · #341B42

Olive Leaf and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DBFEF9): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8DD489): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#BE91D9): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#2D8D2E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#341B42): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Powdered Garden color palette (#EFF1DC, #A1CD92, #E49EEB, #409F00, #4E1E53)
• Softworn Veranda color palette (#DAFDFE, #68D8A8, #EC7DA7, #008C62, #461128)
• Antique Drift color palette (#E1FDEE, #CBC35D, #A199EE, #817900, #26204A)
• Quiet Clover color palette (#D4FFFC, #4CC879, #B37EC6, #995AAF, #002120)
• Sunlit Peony Basin color palette (#D4FFFD, #2EDBD7, #E63E9E, #007B79, #3D0024)
• Softworn Orchid color palette (#D8EFEA, #74B45D, #A949BE, #205800, #29102E)
• Weathered Amber Courtyard color palette (#E1FCF7, #BEE7EB, #C9C2DC, #AD894A, #073A3A)
• Hushed Teal color palette (#E6F9FE, #ACF6EC, #FFB6B3, #3FAEA3, #543D53)

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