Tempered Moss color palette — #F7E0F8 · #00B7D6 · #A69300 · #002C2B · #0A1710
Mustard and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F7E0F8): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#00B7D6): A luminous, balanced blue — the color of deep harbor water.
- Mustard (#A69300): A luminous, balanced green — the color of a quiet forest floor.
- Deep Forest (#002C2B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#0A1710): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Ancient Moss Dune color palette (#F3E0E6, #09B2F0, #65A800, #002E2E, #011612)
- Amber Pier color palette (#E9E9FA, #00BCB8, #CB7E00, #281500, #1A070E)
- Azure Pier color palette (#E9D9E6, #0998F1, #6C8500, #05180B, #000704)
- Timeworn Mint Boulevard color palette (#F6DCD2, #00CF8C, #AFAF00, #4A4B1D, #130F04)
- Patina Lime color palette (#F1DFEB, #7CCFFF, #77CC00, #1F3F45, #1D2825)
- Worn Corridor color palette (#FBEAFB, #9C9FFF, #E97E00, #3E250B, #180C03)
- Forest Station color palette (#E8F0EF, #BBD1D1, #81A8AF, #256420, #1E3230)
- Faded Mallow Summit color palette (#EFD9D2, #E596FF, #00C1B7, #103E4A, #19292D)
Browse the whole catalog at Explore, or see today's palette.