Pine Ridge color palette — #DDFEF0 · #80B557 · #007F3C · #714330 · #08443C

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

The five colors

• Honeydew (#DDFEF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#80B557): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#007F3C): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#714330): A full-bodied, dusty orange — the color of autumn markets.
• Forest (#08443C): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Washed Pier color palette (#E2FCF6, #73A986, #0F735E, #60404C, #173C3B)
• Soft Mustard color palette (#E6FCE9, #B5A531, #627208, #714047, #423B0E)
• Ancient Moss color palette (#D0F6E4, #73A32B, #006E24, #474602, #23340D)
• Patina Olive Quarry color palette (#EBF9EE, #B4B37E, #687C45, #46614D, #30493D)
• Washed Loft color palette (#FDF5DC, #9DCA89, #1B9E6F, #8D5762, #28431A)
• Aged Teal color palette (#E6FFCD, #9BF3E8, #57C7BA, #77712E, #2B4D2F)
• Antique Loft color palette (#DCF5C6, #5B9200, #0074CC, #A82749, #243711)
• Lagoon Hollow color palette (#EAF9F4, #9FCBC4, #5A8B8B, #536C64, #3E524F)

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