Pine Ridge color palette — #ECF8F4 · #8EBAB0 · #597F54 · #6D5629 · #294943
A conversation between Fern and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Ash (#8EBAB0): A luminous, dusty teal — the color of glacier melt.
- Fern (#597F54): A full-bodied, dusty green — the color of fresh herbs.
- Coffee (#6D5629): A full-bodied, dusty gold — the color of old brass.
- Forest (#294943): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, 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
- Driftwood Station color palette (#EEF8F1, #A9CAB8, #828557, #506E59, #3E5348)
- Quiet Olive color palette (#E4FCF1, #9BAA7A, #50762F, #535500, #33410B)
- Tempered Lagoon Archive color palette (#E7F6EF, #9CBE96, #258869, #614D64, #112D29)
- Basalt Studio color palette (#F7F6E5, #C1E0B4, #90B892, #9B8E79, #464600)
- Hushed Study color palette (#F8F5EA, #C3C9A0, #3CA483, #8E665C, #434700)
- Ancient Olive Market color palette (#E4FBF6, #86AD70, #3195C0, #3C7700, #004964)
- Bronze Field color palette (#DDFEF5, #739551, #008D8F, #965800, #0D4138)
- Hushed Alley color palette (#D2F3EF, #4EA672, #006B4D, #494500, #00381D)
Browse the whole catalog at Explore, or see today's palette.