Pine Ridge color palette — #EDE4CC · #7B8C3E · #207647 · #394776 · #1B0C30

Pine and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EDE4CC): A whisper-light, dusty gold — the color of old brass.
• Olive Leaf (#7B8C3E): A luminous, balanced green — the color of fresh herbs.
• Pine (#207647): A full-bodied, balanced teal — the color of sea glass.
• Navy (#394776): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#1B0C30): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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

• Timeworn Hollow color palette (#F4D8C8, #9D7F33, #607616, #005171, #030836)
• Lagoon Corridor color palette (#E6F5DC, #469979, #00727A, #5A3E6C, #290117)
• Ancient Forest color palette (#F8DFD9, #85773E, #1C6237, #3C1F3F, #210324)
• Bronze Thicket color palette (#FFE6DA, #977C0D, #0C5637, #341541, #030005)
• Muted Chapel color palette (#E3E1D1, #5E995B, #00744D, #6A3A18, #060600)
• Feathered Basin color palette (#E7E3C3, #7B8200, #4C6D00, #094606, #000E04)
• Aged Orchard color palette (#E9E0D3, #6CAEAA, #00848F, #006044, #000B10)
• Powdered Lagoon color palette (#EEEFCE, #62A627, #9200B1, #346200, #0E0013)

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