Pine Ridge color palette — #FDF1F9 · #77DEDE · #009CB9 · #00764A · #003753
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Ice Blue (#77DEDE): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009CB9): A luminous, balanced blue — the color of open sky before noon.
- Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Linen Field color palette (#FFF0F9, #89D8F4, #0093E5, #00736B, #1A2E66)
- Powdered Turquoise color palette (#FFF2EC, #B0FFFE, #00ACCA, #007749, #00283D)
- Gentle Turquoise Quarry color palette (#E4FBF6, #88EEED, #00C1CE, #009988, #003A43)
- Timeworn Harbor color palette (#F6F6E7, #83C5C4, #007D85, #00574C, #003A43)
- Washed Bloom color palette (#FAF3F8, #CEE1FB, #6CAED1, #408A78, #324964)
- Wandering Denim Cabin color palette (#F7E5F1, #599EB0, #005F8B, #003C34, #000722)
- Worn Magenta color palette (#F6E6F4, #F053EB, #00844B, #308200, #3B0D39)
- Worn Moss color palette (#E4E1B1, #8EB44E, #837A00, #6D4B00, #00330F)
Browse the whole catalog at Explore, or see today's palette.