Pine Ridge color palette — #FFF2D6 · #A9B375 · #41835C · #005C5D · #004354

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Custard (#FFF2D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A9B375): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#41835C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005C5D): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#004354): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Quiet Navy color palette (#F3F9C2, #85BE8F, #1D8883, #005972, #00367D)
• Faded Courtyard color palette (#FFEBE4, #D4A46C, #7C7E30, #2E611E, #004A3E)
• Muted Alley color palette (#FFF0FD, #93A052, #1C7877, #693B60, #184642)
• Hazy Jade color palette (#C9FDEB, #AED0A4, #47A471, #007562, #004346)
• Mint Loft color palette (#FFEFC7, #CCDB98, #58CB82, #009395, #004354)
• Softworn Loft color palette (#EFF7F4, #D3DCE0, #B7C0CB, #6D7B4B, #3D4B47)
• Linen Loft color palette (#E2E2CF, #49A628, #00735D, #00444D, #00294B)
• Antique Aubergine color palette (#C1F7AE, #00B99A, #007989, #004876, #31008B)

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