Ancient Moss color palette — #FFF2ED · #86A53B · #00797E · #64405D · #3C3E37

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Moss (#86A53B): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00797E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#64405D): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3C3E37): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Jade Terrace color palette (#FFF2EE, #77B98B, #3D809E, #774B51, #404C3C)
• Washed Meadow color palette (#FFF3E7, #CC871A, #417849, #4E4575, #403D36)
• Worn Moss Study color palette (#F9F5E5, #8A9000, #525CA2, #6C3245, #522C27)
• Hushed Villa color palette (#DAFAEE, #6EAE74, #1F7C61, #114B6E, #012928)
• Hushed Chestnut Orchard color palette (#FCF4E5, #9EBA8A, #378468, #725401, #474500)
• Muted Bloom color palette (#F3F8E7, #FFD56D, #7DC57A, #2D8DBA, #2D3F26)
• Denim Boulevard color palette (#FFF2EF, #00A38B, #0C60B0, #7C1F14, #003D44)
• Emerald Lagoon color palette (#FFD9E2, #0C9724, #005C71, #6A0038, #003126)

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