Moss Field color palette — #F0E4C4 · #968800 · #008A81 · #006376 · #242000

A conversation between Olive Leaf and Fern, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F0E4C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#968800): A luminous, balanced green — the color of fresh herbs.
• Fern (#008A81): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006376): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#242000): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Softworn Pine color palette (#F2E7CF, #A28C00, #007F34, #005256, #3C1900)
• Pale Emerald color palette (#EEF1DE, #53A557, #008DB5, #355FA3, #262912)
• Weathered Amber color palette (#FFF3E8, #D47700, #009470, #00644B, #180800)
• Quiet Olive Alley color palette (#E0E2C9, #388300, #006B84, #004085, #031200)
• Coral Delta color palette (#FFDBD6, #FF958B, #00997B, #0085B3, #410305)
• Powdered Corridor color palette (#FCDAE5, #AF41FF, #008988, #00617E, #29123D)
• Linen Scarlet Balcony color palette (#FFDCCD, #F52121, #7E7C00, #056B17, #3E0906)
• Aged Marigold Delta color palette (#F9EBDE, #D99400, #977300, #615100, #2D2C00)

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