Pine Ridge color palette — #E7FAF7 · #96BB96 · #BB84AD · #4E814F · #524765

Fern and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF7): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#96BB96): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#BB84AD): A luminous, balanced pink — the color of peonies in June.
• Fern (#4E814F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#524765): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Pine Ridge 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 Canyon color palette (#E7F9FF, #7CBDBF, #C3858C, #0C8286, #59455C)
• Patina Courtyard color palette (#EDF9F1, #BDB07B, #9591CA, #81722F, #434B69)
• Muted Olive color palette (#F2F3E8, #9BBF95, #CB8A6D, #48823F, #36302B)
• Worn Emerald Ridge color palette (#EAF9F7, #ADCFAC, #DBA386, #58A057, #614253)
• Muted Jade Study color palette (#DCFDFB, #64AA7D, #A379A0, #975F66, #294948)
• Powder Loft color palette (#E1FBF9, #CBDFED, #B4C3E4, #6B8E80, #3E5556)
• Worn Cypress color palette (#EBF8FC, #DBB3C8, #2C696C, #1A3E49, #1D262E)
• Tempered Station color palette (#D7FEFF, #A9D8BD, #5C9473, #1C5A40, #053F3F)

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