Pine Ridge color palette — #F5F8E2 · #F9D384 · #3C7C32 · #093902 · #080800

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

The five colors

• Cream (#F5F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Wheat (#F9D384): A whisper-light, balanced gold — the color of old brass.
• Olive (#3C7C32): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#093902): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

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

• Tempered Sand Canyon color palette (#EBFAE9, #F6D48C, #007B75, #003734, #010B00)
• Hushed Market color palette (#FCF4E6, #FAD381, #806800, #392D00, #0C0600)
• Emerald Courtyard color palette (#F2F9E2, #FFBE9E, #00A95B, #286B42, #181E03)
• Dusty Lantern color palette (#F3F8E3, #D9B66B, #00622F, #001F0B, #010100)
• Pale Tangerine color palette (#DBF9F8, #F98323, #005B39, #002816, #000A0A)
• Cellar Bronze color palette (#D3E6DD, #9A7300, #001F2B, #030B0B, #000103)
• Linen Emerald color palette (#F3F7EB, #9EEEBA, #00A4BA, #009655, #000E04)
• Cerulean Station color palette (#EEF8F2, #CCDACA, #588F9F, #124E5D, #121F17)

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