Pine Ridge color palette — #E7F6F0 · #93BDB3 · #5B8153 · #6A501E · #092E27

A conversation between Fern and Coffee, giving this palette its sense of nature and growth.

The five colors

• Cream (#E7F6F0): a clean, paper-quiet neutral.
• Ash (#93BDB3): A luminous, dusty teal — the color of sea glass.
• Fern (#5B8153): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#6A501E): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#092E27): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Worn Pewter Loft color palette (#EBF5ED, #99BDA8, #787944, #6D475C, #172D21)
• Olive Balcony color palette (#E2F8EE, #9CB16E, #4C7A1D, #4E5000, #1B2500)
• Lagoon Orchard color palette (#F8F5E8, #AFB38D, #1E8667, #754F45, #434700)
• Airy Bronze color palette (#DEF9F2, #7B9860, #009194, #995A00, #00251E)
• Timeworn Emerald color palette (#F7F6E8, #B1CFA0, #66A066, #8F6A28, #464500)
• Pale Olive color palette (#E3F7F1, #93AF70, #CE6E60, #4F7100, #451611)
• Weathered Jade Courtyard color palette (#C6EFE8, #59A973, #006C4A, #463F00, #001C0A)
• Dusty Thicket color palette (#CEE5E2, #408A5E, #005139, #013406, #000B03)

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