Pine Ridge color palette — #F1F3EB · #D0DAD5 · #B1C0BD · #538259 · #2B2D26

Fern and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#D0DAD5): a clean, paper-quiet neutral.
• Stone (#B1C0BD): a calm mid-gray that lets other colors speak.
• Fern (#538259): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2B2D26): a grounded near-black with real depth.

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

• Fern Station color palette (#F3F2E8, #AEB992, #4A8175, #5F5600, #252A13)
• Hushed Quarry color palette (#ECF4F0, #DFD4D8, #C4B0BC, #256E86, #18231E)
• Weathered Abyss Field color palette (#E7EAE2, #96A593, #6A8274, #004227, #030500)
• Muted Emerald Archive color palette (#EFF7F6, #D4DCE1, #B8C1CD, #5FA16A, #3C4B4A)
• Tempered Boulevard color palette (#E9ECCE, #A4BE9C, #718B7F, #7D441C, #592800)
• Jade Delta color palette (#FFEEE3, #6EAD7B, #247783, #663348, #1C2711)
• Weathered Abyss color palette (#DAE5E0, #BBAFB9, #9F8591, #004969, #000F09)
• Hushed Workshop color palette (#ECF6E3, #D2EDAA, #78D7AF, #3E9FC2, #15270F)

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