Pine Ridge color palette — #EEE5D9 · #A37100 · #00743C · #004E4D · #000205

A conversation between Pine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EEE5D9): bright and airy, almost weightless.
• Ochre (#A37100): A full-bodied, balanced gold — the color of old brass.
• Pine (#00743C): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004E4D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000205): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Aged Olive color palette (#F2EAD1, #837D00, #006E65, #005267, #000010)
• Ancient Rust color palette (#FFECDE, #C56100, #6F6600, #00522B, #170004)
• Dusty Crimson color palette (#FEEBE4, #DE003C, #715F00, #265000, #000200)
• Sapphire Studio color palette (#FBE1F6, #2E62FF, #00732E, #005754, #000204)
• Timeworn Ember color palette (#FDECDA, #F23907, #9D5000, #385100, #1A0400)
• Faded Loft color palette (#FFE9D3, #DE8F00, #1FA920, #00766E, #001927)
• Wandering Coast color palette (#F9E3DE, #A70045, #404700, #002B34, #050003)
• Cocoa Delta color palette (#F5E4CC, #5C3C00, #302200, #00150C, #030004)

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