Pine Ridge color palette — #ECF4F0 · #A6A635 · #007A2D · #595900 · #000808

A conversation between Olive and Moss, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Moss (#A6A635): A luminous, balanced green — the color of fresh herbs.
• Olive (#007A2D): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#595900): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Hushed Fern color palette (#E8F5F3, #6FB460, #007565, #1B6701, #00080A)
• Amber Studio color palette (#ECF4EC, #CF9230, #6D6800, #734C00, #000904)
• Amber Thicket color palette (#FBF4EA, #C19100, #006C69, #654B00, #0E1C0D)
• Worn Garden color palette (#DAE5CF, #71AE68, #007A3A, #00492D, #001C13)
• Timeworn Emerald color palette (#FAF5E6, #BCBA4A, #37964F, #787600, #171A05)
• Hushed Olive Market color palette (#D6E8E1, #728200, #005227, #333B00, #000201)
• Antique Olive Meadow color palette (#ECF4F1, #C7DBDE, #9DBFBA, #5C6D20, #14241F)
• Dusty Lagoon color palette (#EBF4F4, #97D3B5, #149598, #358261, #0A181C)

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