Moss Ridge color palette — #FFF2ED · #9B9E45 · #007A72 · #693B61 · #3D3E37
Built around Moss, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Moss (#9B9E45): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007A72): A full-bodied, balanced teal — the color of sea glass.
- Mulberry (#693B61): A full-bodied, balanced pink — the color of a candy shop window.
- Charcoal (#3D3E37): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.
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
- Faded Pine Hollow color palette (#FFF2EA, #C18C48, #247E37, #5F3B78, #403D36)
- Powdered Coast color palette (#E3F9E7, #7BAE42, #197D63, #4C3E64, #082826)
- Weathered Quarry color palette (#FFF2EE, #8BB581, #00859D, #7D474F, #464942)
- Wandering Lime Archive color palette (#FFF4E2, #90C45B, #259B7D, #6B5988, #3D3E37)
- Weathered Hollow color palette (#FDF4E7, #AA8135, #3263A6, #782B2C, #542A28)
- Tempered Chestnut Boulevard color palette (#F9F4EC, #A6B78D, #428361, #755303, #4A4400)
- Muted Atelier color palette (#FFF2EC, #00A570, #006795, #801700, #003E3C)
- Powdered Terrace color palette (#FFD9E2, #598F00, #005D67, #6A0039, #00321D)
Browse the whole catalog at Explore, or see today's palette.