Moss Ridge color palette — #E2F7F1 · #88A859 · #445E5C · #2C3C37 · #1C2420

Moss and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E2F7F1): A whisper-light, dusty teal — the color of sea glass.
• Moss (#88A859): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#445E5C): A full-bodied, dusty teal — the color of sea glass.
• Forest (#2C3C37): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1C2420): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Grove color palette (#F7F6E9, #9ABC68, #4F5B13, #2D2C1E, #110F0B)
• Muted Chapel color palette (#E5F7F1, #738550, #234245, #162E27, #101817)
• Ancient Hollow color palette (#D3E9EF, #00A4A2, #36515F, #1F3136, #0F1B1C)
• Softworn Lime color palette (#F4F3E2, #A9C371, #728165, #5F5600, #25211B)
• Softworn Lilac color palette (#DCFDFF, #77C3A8, #A29BDC, #B5866D, #28494B)
• Tempered Ash color palette (#EEF8EF, #B8DBC7, #78A797, #718373, #3D5347)
• Lagoon Villa color palette (#EAF9F9, #98D4B5, #D49EBD, #579D7C, #534761)
• Cypress Workshop color palette (#DDF0F3, #007064, #464047, #002A2F, #000C0E)

Browse the whole catalog at Explore, or see today's palette.