Pine Ridge color palette — #F5F6EE · #A4CDA4 · #4B85A1 · #4C7A4E · #1F332A
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EE): bright and airy, almost weightless.
- Pistachio (#A4CDA4): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#4B85A1): A full-bodied, dusty blue — the color of deep harbor water.
- Olive (#4C7A4E): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#1F332A): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Pine Study color palette (#EBF4F4, #9ED0BB, #3890A1, #008663, #071820)
- Cypress Harbor color palette (#F1F7F0, #80D1CE, #7677AC, #007D7C, #372931)
- Washed Lagoon color palette (#F3F6F0, #C6D9B0, #4EABB5, #35A27D, #223225)
- Washed Canyon color palette (#FFF2EC, #79B6A3, #447F9C, #784C47, #3B4E3B)
- Aubergine Quarry color palette (#E0EFE1, #00878D, #421599, #003A3D, #0B0006)
- Softworn Denim color palette (#DDFFE6, #8BCDC1, #358F95, #126085, #224676)
- Washed Aubergine color palette (#D5EBDE, #00748D, #55005D, #002C37, #050006)
- Dusty Periwinkle Studio color palette (#EFF8F0, #AAEBF0, #79D4CF, #6F9FD5, #3A5343)
Browse the whole catalog at Explore, or see today's palette.