Moss Atelier color palette — #F2DCAA · #9E8F00 · #725700 · #563300 · #272D00
Moss and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#F2DCAA): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#9E8F00): A luminous, balanced green — the color of a quiet forest floor.
- Coffee (#725700): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#563300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#272D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Moss Atelier 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
- Hushed Moss Workshop color palette (#F2E9D6, #969234, #745600, #532A00, #0B1600)
- Timeworn Pier color palette (#FFD4B8, #C27C00, #8B4600, #6D1B00, #362600)
- Amber Pier color palette (#C7E8CF, #CEB85B, #B78E00, #956700, #2E2A00)
- Chestnut Garden color palette (#FEF4E1, #AAAB78, #807240, #704800, #453E00)
- Lapis Dune color palette (#FFD7F1, #5432FF, #794E00, #344400, #181845)
- Grape Balcony color palette (#FFE4F1, #7801EA, #663E00, #003715, #001D2C)
- Nightshade Meadow color palette (#F9DAF1, #B88A00, #2010A8, #0B0E4C, #190816)
- Feathered Iris color palette (#D8E7D5, #FF7B84, #6293FF, #0F1F45, #221420)
Browse the whole catalog at Explore, or see today's palette.