Moss Field color palette — #FFF1F2 · #EFA1D5 · #98AB2C · #4E7EBF · #233857

Built around Moss, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#EFA1D5): A luminous, balanced pink — the color of neon signs at night.
• Moss (#98AB2C): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#4E7EBF): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#233857): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Amber Parlor color palette (#FFF1F4, #E0A5EB, #C09A3E, #008C9F, #0B3C59)
• Wandering Dune color palette (#FFF2EF, #F7A2B4, #6AB569, #7273BF, #4F2B3A)
• Blush Garden color palette (#FFDFDC, #FF6DAC, #849500, #006EA2, #290A5B)
• Shell Balcony color palette (#FFF1F1, #F6CCBA, #C9B193, #719A8F, #59455A)
• Frosted Apricot Chapel color palette (#FBEFE6, #F89554, #00AB90, #7D5AB3, #471635)
• Timeworn Powder color palette (#FAF4EF, #C0EBED, #91C0FF, #45A9AC, #573F4F)
• Sunlit Blush Pier color palette (#FFF2ED, #FF9A9B, #AE7F48, #576224, #441D24)
• Hushed Basalt color palette (#F9F5E9, #D6D8B3, #79BD9D, #AB848D, #454600)

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