Pine Ridge color palette — #FAF2F8 · #D4D4E3 · #72AED2 · #258158 · #1C2D51

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#72AED2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#258158): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1C2D51): A deep, shadowed, dusty violet — the color of wild irises.

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 Canyon color palette (#FBF2F6, #D7D4E0, #98BEEF, #4B9183, #343E5C)
• Pine Study color palette (#FCF1FE, #B2FFFA, #00ABCE, #0F7817, #002645)
• Dusty Cabin color palette (#FDF1F6, #D5DFFD, #6390E3, #006B63, #1F153F)
• Wandering Cerulean color palette (#EBF5ED, #96D3DC, #0089A9, #005C52, #002437)
• Cobalt Parlor color palette (#FEF3EE, #AAD0B2, #0082B4, #0E633E, #4B2F49)
• Dusty Denim color palette (#F2E2EE, #74ACB9, #005A8A, #002D1F, #00000B)
• Antique Bloom color palette (#E5FCED, #A1D4C5, #998A4C, #734F2E, #012826)
• Softworn Rust Delta color palette (#FFF0FA, #FFA487, #00BCC7, #BC512B, #002E32)

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