Moss Field color palette — #FFF0F9 · #FFB5A3 · #A1932B · #416995 · #00325E

Moss takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Melon (#FFB5A3): A whisper-light, balanced orange — the color of autumn markets.
• Moss (#A1932B): A luminous, balanced green — the color of fresh herbs.
• Slate (#416995): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00325E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

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

• Chalky Study color palette (#F8F2FF, #FD9FB6, #AE823E, #007388, #00333D)
• Chalky Apricot color palette (#FFF1F3, #F7AB7C, #7D9956, #695595, #39235D)
• Gentle Summit color palette (#FEDDDB, #E4AA82, #B1954B, #00868B, #00466A)
• Worn Cabin color palette (#FFF1F6, #FFC9A6, #98B077, #7C659E, #4E3A68)
• Coral Orchard color palette (#F3E5F1, #DA7466, #857200, #2B4F81, #372F64)
• Hushed Pier color palette (#F2E2DD, #B4A164, #537D62, #64345E, #2F112B)
• Tempered Amber color palette (#F8E4E1, #CF8254, #856900, #004C50, #00273B)
• Aged Garnet Study color palette (#EDDDD6, #9A8C57, #2C7156, #5A212C, #130002)

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