Pine Ridge color palette — #E5FDE2 · #D3E9B8 · #ADBF79 · #498D56 · #1F4F54

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

The five colors

• Honeydew (#E5FDE2): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#D3E9B8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#ADBF79): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#498D56): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#1F4F54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged light, 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

• Lime Quarry color palette (#FFF2D7, #D8DE9B, #A3C46D, #779C6A, #50524B)
• Mustard Station color palette (#D2FFE2, #BFC373, #768944, #4B643B, #183A38)
• Timeworn Study color palette (#FFF0FA, #E9E4C2, #C1AA63, #777C2F, #1D554D)
• Faded Jade color palette (#F6FAC7, #8CD08F, #00A77D, #006363, #00353F)
• Worn Mint color palette (#D9FFF1, #ADEBDC, #6CC8A7, #008B8E, #275265)
• Dusty Grove color palette (#FFF6C9, #C0D54D, #3CBA25, #007B63, #004342)
• Antique Pine color palette (#DBFEFA, #BDE3F0, #92C294, #317944, #113417)
• Ancient Moss Harbor color palette (#EBF9F4, #DBEEB9, #E4BAF1, #88A743, #543C5B)

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