Pine Ridge color palette — #EAF9F7 · #91BD98 · #6C9ECA · #3C844D · #365068
Built around Fern, softened by Blue Fog — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F7): a clean, paper-quiet neutral.
- Mint Leaf (#91BD98): A luminous, dusty green — the color of fresh herbs.
- Blue Fog (#6C9ECA): A luminous, balanced blue — the color of open sky before noon.
- Fern (#3C844D): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#365068): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Washed Olive color palette (#EBF9F2, #B4B382, #4BA9B0, #7B7613, #215464)
- Ancient Lilac color palette (#E7F9FE, #86B9C9, #9C8DCE, #008385, #454A6B)
- Dusty Chestnut Grove color palette (#EEF9ED, #A9BFAC, #6B8A6B, #785533, #3B4D40)
- Dusty Ash Atelier color palette (#E5F6F3, #9CBF94, #C782B0, #517F47, #352C42)
- Softworn Moss color palette (#E8F8FF, #54AFBE, #8A9043, #007381, #434619)
- Worn Emerald Harbor color palette (#F5F6EB, #A0D49F, #D49BCE, #629D61, #614448)
- Weathered Boulevard color palette (#EBF8FA, #9DCCBD, #316A5E, #0F4046, #1C272F)
- Misty Olive Market color palette (#CAEAFF, #0091C0, #478200, #005673, #1A3600)
Browse the whole catalog at Explore, or see today's palette.