Moss Grove color palette — #F8F7E1 · #7E9700 · #007D92 · #005D6D · #36150D

Olive Leaf takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F7E1): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7E9700): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007D92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005D6D): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#36150D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Moss Grove 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

• Muted Thicket color palette (#FFF4E1, #AC8200, #697A1D, #00628B, #421305)
• Tempered Villa color palette (#E4FDE8, #966E00, #005669, #450091, #3D1515)
• Antique Aubergine Chapel color palette (#F7F8D7, #599C00, #00896B, #6A279A, #292200)
• Worn Teal Boulevard color palette (#F1F8EC, #21B2AE, #3A80AD, #4A5A8F, #35230C)
• Aged Sapphire color palette (#EAFCE1, #009F7C, #006FE5, #1053A6, #3A1E03)
• Timeworn Pine Studio color palette (#EAEFD2, #2C8934, #006F3F, #47257D, #191200)
• Misty Olive color palette (#E6E5CF, #587B00, #005866, #5B0048, #070600)
• Feathered Mustard Veranda color palette (#FFE0D0, #DDB006, #829000, #007349, #003F3B)

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