Pine Ridge color palette — #D8E8CC · #00893C · #005040 · #002A29 · #001114

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

The five colors

• Celadon Mist (#D8E8CC): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#00893C): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005040): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#002A29): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001114): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Dusty Emerald color palette (#D0EBD1, #00A262, #00755C, #00514A, #002424)
• Sunlit Olive color palette (#F2EFD4, #667700, #09570D, #003219, #00110D)
• Dusty Ridge color palette (#CBE5E2, #008F8F, #00504E, #001F1E, #000202)
• Mulberry Field color palette (#CDEEE6, #007D6B, #9E0D59, #004036, #160008)
• Sunlit Jade Grove color palette (#DEF7DF, #36C095, #008D7D, #005659, #0F3723)
• Faded Cornflower Canyon color palette (#E2F4F0, #1CBCCF, #5188DE, #235220, #001302)
• Quiet Market color palette (#EDECCE, #D600B6, #008474, #000E0B, #000200)
• Antique Pier color palette (#C3EEE4, #006759, #8B0053, #73001F, #000503)

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