Forest Ridge color palette — #EEEFE9 · #C6CFC4 · #86AA99 · #006632 · #2C2F24

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

The five colors

• Cream (#EEEFE9): bright and airy, almost weightless.
• Oat (#C6CFC4): soft and architectural.
• Sage (#86AA99): A luminous, dusty teal — the color of sea glass.
• Pine (#006632): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#2C2F24): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Corridor color palette (#EAF1E8, #BFD1C7, #B097AE, #00635A, #273124)
• Weathered Bloom color palette (#E8E6D0, #509E7B, #006163, #334500, #003220)
• Timeworn Driftwood color palette (#DFE8DF, #9CAEA7, #96728D, #004041, #071809)
• Cerulean Pier color palette (#F0F7F3, #DED4D3, #A8A195, #548B9C, #4E5451)
• Patina Jade color palette (#E7F1F0, #C7D5E1, #AFB9C9, #54A679, #193333)
• Ancient Loft color palette (#E3EEDE, #5FAAA2, #3F668C, #663E2B, #532800)
• Weathered Studio color palette (#EEF8F4, #EED8DA, #D4B1B9, #0071AB, #33443E)
• Softworn Pine Studio color palette (#F9D5CA, #218F2C, #005669, #64001E, #192A08)

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