Pine Ridge color palette — #FFF1F5 · #A9A762 · #3F7938 · #694922 · #3F3D03

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sage (#A9A762): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3F7938): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#694922): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#3F3D03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Softworn Bloom color palette (#E1FDEE, #86B07D, #007B65, #5A5214, #274321)
• Dusty Forest Lantern color palette (#D9EADB, #86935A, #066636, #513900, #003125)
• Amber Chapel color palette (#FFE2F0, #AD8E2A, #4B6500, #004E48, #392C00)
• Pale Moss Orchard color palette (#EAFAEE, #BFBF80, #70951D, #826400, #3F3D00)
• Washed Teal color palette (#E0FDF5, #5EB798, #007880, #704051, #064347)
• Lagoon Villa color palette (#FFF1F5, #A6CBB7, #578D84, #516B73, #3F5248)
• Softworn Pier color palette (#D7E7DF, #578853, #005144, #333000, #052105)
• Dusty Moss color palette (#EDEED4, #58B030, #007F50, #005A57, #193B58)

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