Pine Ridge color palette — #F8F1E1 · #8FAB71 · #2F744C · #304F35 · #1E1D07

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

The five colors

• Cream (#F8F1E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#8FAB71): A luminous, balanced green — the color of new leaves after rain.
• Pine (#2F744C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#304F35): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#1E1D07): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Olive Pier color palette (#FAF0E4, #A9A35D, #51702D, #3F4366, #231B06)
• Washed Boulevard color palette (#F4F2E4, #94C09E, #3E8374, #415C4E, #262918)
• Emerald Terrace color palette (#F3EED6, #5AA05F, #00644F, #482D4E, #111400)
• Antique Lagoon color palette (#E4FBF5, #B1DFA8, #5C9A6A, #426C6E, #0D2E2A)
• Patina Olive Dune color palette (#E8E2CA, #438C38, #00513B, #003038, #010B00)
• Sunlit Indigo Station color palette (#F1E2EE, #406EF6, #906600, #605F0E, #200A1E)
• Blush Alley color palette (#FFEBFB, #EBCEEB, #E197BA, #337390, #301A26)
• Weathered Orchard color palette (#FAE0F5, #628AF5, #9C7500, #314EA2, #261A00)

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