Pine Ridge color palette — #FDF3EF · #D1DAF0 · #53B2E1 · #00844F · #3D243B

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Powder Blue (#D1DAF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#53B2E1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00844F): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#3D243B): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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 Periwinkle color palette (#FBF4EC, #C4E4F8, #88A0F7, #007F7F, #442131)
• Aged Turquoise Bloom color palette (#FEF2EF, #C9F9EA, #27B8DA, #497D47, #08372E)
• Muted Market color palette (#FCF3ED, #C6ECFF, #5191EF, #006B5F, #1D183A)
• Timeworn Sky color palette (#F0F7F1, #9DF1F8, #5BC1DD, #519B8B, #0C4057)
• Cerulean Meadow color palette (#FCF1F9, #A3CCDC, #2B83A2, #006249, #1E3D58)
• Patina Alley color palette (#FBF3F1, #BFE3EA, #A6C7F9, #6E9F7A, #574757)
• Patina Denim color palette (#E8DDD9, #64B0BA, #005C81, #002D1A, #00000A)
• Quiet Azure color palette (#FFF2EE, #EC818F, #00A1E6, #0087C2, #301008)

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