Pine Ridge color palette — #FBF2F9 · #D5D4E2 · #6EAED9 · #00835B · #1F2C51
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Silver (#D5D4E2): a clean, paper-quiet neutral.
- Cyan (#6EAED9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00835B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1F2C51): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, 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
- Patina Boulevard color palette (#FAF3F6, #D8D4DF, #9ABCF4, #00968A, #353D5F)
- Antique Pine Summit color palette (#FDF0FE, #B0FFFE, #00AAD3, #00782A, #002549)
- Worn Iris Parlor color palette (#FEF1F7, #D7DEFB, #728FD9, #006A67, #231242)
- Lagoon Villa color palette (#FAF4EC, #C3ECCE, #53C1E6, #00A193, #174437)
- Cerulean Archive color palette (#FDF3EE, #95D1D9, #3C80A7, #236043, #4B2F48)
- Tempered Denim Summit color palette (#E9DDE5, #7CA9C0, #00598E, #002D20, #01000B)
- Muted Emerald Summit color palette (#F9F2FF, #DC88AC, #58AC60, #2B963E, #320A1E)
- Worn Corridor color palette (#FFF0FA, #9AD6EC, #267DCC, #005343, #090033)
Browse the whole catalog at Explore, or see today's palette.