Pine Ridge color palette — #E8F1F0 · #C6DCE1 · #A1BCCD · #32854A · #1F3231
A conversation between Fern and Ash, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F1F0): a clean, paper-quiet neutral.
- Silver (#C6DCE1): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#A1BCCD): A luminous, dusty blue — the color of deep harbor water.
- Fern (#32854A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#1F3231): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Patina Jade color palette (#E6F1F1, #C9D5DC, #ABBBC7, #51A57E, #203232)
- Washed Garden color palette (#E4EFF0, #B3C8D1, #90A7BF, #00715B, #0B2326)
- Washed Drift color palette (#D5EAE3, #6FB790, #008281, #4D5D1B, #003030)
- Cerulean Grove color palette (#E9ECDF, #7EBDA5, #4D85AF, #774D31, #4D2B13)
- Cypress Studio color palette (#D5F6FC, #008477, #00384E, #001A1F, #000605)
- Moss Alley color palette (#F0D3F1, #5BA83E, #007689, #89002B, #002A2C)
- Cerulean Corridor color palette (#EDF7FE, #DBD7E9, #D4B8DD, #1A91C7, #37414A)
- Lapis Corridor color palette (#D3E7DE, #8F9515, #533CCA, #653400, #331700)
Browse the whole catalog at Explore, or see today's palette.