Pine Ridge color palette — #F5F6EB · #96CB90 · #00859A · #18780F · #000201
Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Mint Leaf (#96CB90): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#00859A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#18780F): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Mustard Workshop color palette (#F9F5E7, #BFC169, #008886, #686800, #000201)
- Aged Cobalt color palette (#F0F8EB, #61D2B5, #007DBE, #00745F, #000201)
- Muted Station color palette (#F4F7EC, #A9DFB8, #0096C8, #008E4A, #000804)
- Dusty Bloom color palette (#F2F7EC, #44BA8D, #006989, #005C40, #000201)
- Frosted Lantern color palette (#EAFBEA, #00DEE2, #406EFF, #007A7D, #00000F)
- Mint Corridor color palette (#DDFFE7, #62CEB3, #008786, #004752, #001722)
- Muted Mulberry color palette (#FFF4E2, #43B997, #007988, #700059, #001714)
- Ancient Boulevard color palette (#EEECDD, #B0CA4E, #009FE5, #7D9400, #00110B)
Browse the whole catalog at Explore, or see today's palette.