Pine Ridge color palette — #DCEFEE · #248D5C · #004E52 · #004226 · #000202

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

The five colors

• Frost (#DCEFEE): A whisper-light, dusty teal — the color of sea glass.
• Fern (#248D5C): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004E52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Forest (#004226): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

• Hushed Garden color palette (#D7EBEE, #007969, #223E5A, #00322A, #000102)
• Ancient Onyx Bloom color palette (#D4F1ED, #007471, #00434F, #1F005A, #000707)
• Aged Drift color palette (#EFEEDF, #598605, #004074, #233900, #09000B)
• Wandering Meadow color palette (#DDF2F7, #00ABA5, #00628D, #005855, #000408)
• Worn Abyss Courtyard color palette (#D8E1E2, #A4B7BB, #71949D, #00503D, #000E0F)
• Gentle Lantern color palette (#D8E7F2, #009ACE, #254BAE, #004D69, #00020A)
• Fern Balcony color palette (#E4FBF6, #83B268, #00688D, #2C5B00, #000103)
• Timeworn Cypress color palette (#E8F5F6, #7EC4AB, #008397, #00765B, #001119)

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