Tempered Moss color palette — #DFECF6 · #00C2C1 · #82AB00 · #010F06 · #000201

Clover and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFECF6): a clean, paper-quiet neutral.
• Turquoise (#00C2C1): A luminous, balanced teal — the color of sea glass.
• Clover (#82AB00): A luminous, vivid green — the color of a quiet forest floor.
• Ink (#010F06): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Gentle Balcony color palette (#F2E1D0, #00A9B7, #409E00, #010E08, #000201)
• Jade Bloom color palette (#D4EDDC, #00B785, #007360, #00342F, #000505)
• Sunlit Balcony color palette (#D2E3E6, #00CB70, #BB9500, #0A0D03, #000200)
• Soft Amber Chapel color palette (#F7DBEE, #00B0C6, #C88500, #432B05, #010A01)
• Antique Clover color palette (#E8FAF6, #75B740, #007156, #2F5A00, #000102)
• Lime Study color palette (#FFE4CA, #22E4FB, #5CDC00, #071F00, #000202)
• Bronze Thicket color palette (#EFE7FE, #009195, #817200, #080E04, #020100)
• Aqua Alley color palette (#EEE6F2, #ADC0FF, #00CAD7, #001C1F, #000102)

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