Moss Field color palette — #FFF0F8 · #FF9960 · #60AF3C · #0081A5 · #46145A

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Apricot (#FF9960): A luminous, balanced orange — the color of autumn markets.
• Clover (#60AF3C): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#0081A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#46145A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Faded Station color palette (#FFF1F5, #FAA02B, #0AB570, #0079C9, #570047)
• Weathered Emerald Dune color palette (#F3D9E3, #DD8C44, #329B4E, #006997, #37003B)
• Sunlit Navy color palette (#FFEFFF, #FF9399, #AB9A00, #00887D, #182178)
• Cobalt Quarry color palette (#EEF8F1, #D1BD7C, #4FB4A1, #5178D2, #56243D)
• Cerulean Courtyard color palette (#FFE5D8, #EACC99, #A9B076, #2896BC, #2A4577)
• Aubergine Market color palette (#FFF1F0, #FF7AB7, #00937E, #582BB1, #24134C)
• Aged Amethyst Cabin color palette (#CBF2E3, #A6B300, #009CAC, #8411E4, #480700)
• Timeworn Coral color palette (#FFEFFF, #E3747F, #9B6E00, #005A8D, #60001A)

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