Pine Ridge color palette — #E1F8F1 · #86AD7A · #367443 · #254C5A · #03221E

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

The five colors

• Ivory (#E1F8F1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#86AD7A): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#367443): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#254C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#03221E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Mint Basin color palette (#E2F7F5, #83C4A2, #3F846E, #3A596D, #0A2D2E)
• Softworn Pine Canyon color palette (#F9F5E9, #8CA478, #377144, #59415D, #36362F)
• Timeworn Meadow color palette (#E1F8EF, #93B46B, #447B31, #6C3E2E, #172601)
• Tempered Forest Field color palette (#D5E9E3, #6D9C62, #00672B, #562C10, #001613)
• Softworn Quarry color palette (#EEF9ED, #B5BA7F, #608D64, #785673, #1D3D31)
• Timeworn Pine color palette (#DAF3EE, #358C50, #005134, #00303A, #000B02)
• Stone Harbor color palette (#F7EEFF, #FFC3D4, #E49D9C, #8A6181, #291B2F)
• Velvet Fern color palette (#E1F6EB, #545F00, #1F3000, #2C0302, #010100)

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