Pine Ridge color palette — #E0E1D0 · #8EB169 · #2F864F · #00614A · #003938
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Bone (#E0E1D0): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8EB169): A luminous, balanced green — the color of new leaves after rain.
- Fern (#2F864F): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00614A): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#003938): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Hushed Garden color palette (#CEECD2, #6ABC95, #008D7E, #00565A, #002D38)
- Misty Olive color palette (#F6DCAA, #AEA458, #778620, #275819, #28320C)
- Emerald Studio color palette (#D5E7D0, #00AC60, #00765C, #004745, #001E25)
- Peony Study color palette (#F0F4E5, #79B486, #BF7190, #307544, #411629)
- Ancient Pewter color palette (#EDF6DE, #BDE7DA, #9CC6E8, #6B7E54, #25311E)
- Bronze Corridor color palette (#FEF0DA, #B0AE81, #936D2C, #703E00, #26240C)
- Turquoise Balcony color palette (#CBE5E3, #00AABC, #006F8E, #00457D, #0F204C)
- Hushed Jade color palette (#F4E4EE, #FFBD67, #00B485, #1F2912, #0F140A)
Browse the whole catalog at Explore, or see today's palette.