Moss Ridge color palette — #E4F4EF · #6C9200 · #00633A · #384E00 · #000201
Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E4F4EF): a clean, paper-quiet neutral.
- Olive Leaf (#6C9200): A luminous, balanced green — the color of fresh herbs.
- Pine (#00633A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#384E00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged duotone.
Use it as a design system
One click turns Moss 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
- Timeworn Harbor color palette (#DBF0F1, #009B6C, #005E66, #005338, #000203)
- Tempered Alley color palette (#DFEDE0, #AB7800, #535800, #5C3F00, #020200)
- Pine Garden color palette (#E3EFCE, #008850, #00574B, #002C52, #000F08)
- Wandering Olive color palette (#D9E8E0, #726B00, #003C3B, #2B2800, #000202)
- Moss Coast color palette (#ECE6D4, #AA9D00, #008293, #726900, #000203)
- Gentle Clover color palette (#D7EAEA, #4ABB49, #009F6D, #00736C, #00100A)
- Timeworn Fern color palette (#D4E2E0, #A7B8B7, #739E9F, #166407, #001916)
- Feathered Clover Hollow color palette (#E2F7F3, #74C256, #008C6E, #317D00, #00160F)
Browse the whole catalog at Explore, or see today's palette.