Moss Field color palette — #F8F5EC · #D6DFCB · #B6C8AB · #958800 · #4F3D00

Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Bone (#D6DFCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B6C8AB): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#958800): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#4F3D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Airy Moss color palette (#FEF4E2, #C9BD64, #898D00, #7B672B, #423B0A)
• Olive Thicket color palette (#F1EFE5, #D9D8CC, #B9BA9C, #71781D, #322E1D)
• Tempered Driftwood color palette (#F5F6EF, #D5DCD7, #B5C6BC, #729B76, #47493D)
• Amber Bloom color palette (#FCF3EC, #DEDBC9, #C7C59E, #C76A13, #5F3300)
• Antique Moss Villa color palette (#F1F0D9, #679800, #245120, #2A280C, #151204)
• Patina Villa color palette (#E8F0E7, #98AA9A, #728E7B, #00504D, #040C03)
• Linen Emerald Pier color palette (#FFF5D5, #9DB600, #26970E, #006676, #2B3C0F)
• Pale Moss color palette (#F6F7E4, #53B700, #008A83, #005B8B, #3A3000)

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