Moss Ridge color palette — #F7F7DE · #6EB200 · #1879D1 · #9F0539 · #541C00
Built around Clover, softened by Garnet — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F7DE): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#6EB200): A luminous, vivid green — the color of a quiet forest floor.
- Azure (#1879D1): A full-bodied, balanced blue — the color of deep harbor water.
- Garnet (#9F0539): A full-bodied, vivid red — the color of a theater curtain.
- Espresso (#541C00): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged warm.
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
- Airy Cornflower color palette (#DEFDF3, #95C104, #007DEA, #9B001C, #351900)
- Weathered Moss color palette (#F7F7DD, #68B300, #4E70D3, #901870, #5D061E)
- Clover Workshop color palette (#F4F8E3, #41B74E, #596ADB, #903200, #452900)
- Antique Mulberry color palette (#FFF5D9, #AB9F00, #0084A8, #8D2664, #5A082D)
- Emerald Harbor color palette (#DFE5CA, #0FA140, #4159BC, #7B1707, #391000)
- Orchid Alley color palette (#E7FDE1, #00B3A5, #A150B3, #9D1B18, #462900)
- Iris Coast color palette (#EFF9EA, #4BBAA6, #916EB3, #7D540B, #4C3300)
- Plum Harbor color palette (#D3F1DE, #009CBA, #BD006E, #693B00, #272600)
Browse the whole catalog at Explore, or see today's palette.