Moss Field color palette — #FFF2EC · #FFC1F6 · #FFA494 · #AB9E00 · #4B2700
Built around Mustard, softened by Melon — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Thistle (#FFC1F6): A whisper-light, balanced pink — the color of neon signs at night.
- Melon (#FFA494): A luminous, balanced orange — the color of sun-warmed clay.
- Mustard (#AB9E00): A luminous, balanced green — the color of a quiet forest floor.
- Espresso (#4B2700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged candy, vibrant, light, warm.
Use it as a design system
One click turns Moss Field 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
- Dusty Dune color palette (#FFF2EA, #FFC4DF, #F69C4E, #88A751, #38342E)
- Quiet Study color palette (#FFF2EF, #DAD6FF, #FF97B9, #CC8F00, #4E2121)
- Gentle Coral Grove color palette (#FFEFE3, #FFA0E6, #FF8563, #749E3E, #341F00)
- Worn Amber Harbor color palette (#FFD4D5, #FF986A, #C57B00, #786800, #374100)
- Ancient Hollow color palette (#FFF0FC, #E7D4D7, #B5BBA2, #DAAD00, #3E1800)
- Faded Mustard Balcony color palette (#FFF7C1, #FFAC9A, #CBB900, #00AA97, #243200)
- Soft Courtyard color palette (#FFF0FB, #FFACB6, #FF7F6C, #B75B00, #572312)
- Worn Apricot Workshop color palette (#FFF0F8, #FEA372, #909768, #426D96, #21574C)
Browse the whole catalog at Explore, or see today's palette.