Tempered Moss Courtyard color palette — #E4F1EB · #878831 · #2B403F · #16211C · #090E09

Olive Leaf and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F1EB): bright and airy, almost weightless.
• Olive Leaf (#878831): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#2B403F): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#16211C): a grounded near-black with real depth.
• Ink (#090E09): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Softworn Taupe color palette (#F5F2E6, #9FA156, #4F601C, #3A3831, #26211A)
• Olive Harbor color palette (#C7E6DF, #4C7A00, #00322A, #001410, #000502)
• Weathered Abyss Market color palette (#D8F3F9, #67625B, #00403B, #1C1D23, #00070E)
• Lowlit Forest color palette (#D4F7F2, #0F6710, #383D45, #001E25, #000706)
• Muted Corridor color palette (#D9F9F8, #6AAD84, #AA7CA3, #95668E, #142C2B)
• Patina Lagoon color palette (#D3F2D9, #B3B67C, #679765, #226A53, #143C45)
• Weathered Study color palette (#E8F5F2, #9ECDD0, #648996, #695B71, #1A3638)
• Cypress Pier color palette (#E5F6F6, #88C2A4, #AD8DC3, #3A8260, #2F2C4B)

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