Moss Field color palette — #F9F7DB · #6E9700 · #386800 · #032F84 · #030100

Built around Olive Leaf, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Custard (#F9F7DB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#6E9700): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#386800): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#032F84): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Rust Archive color palette (#FFF2EA, #C65000, #347400, #212588, #060100)
• Quiet Emerald color palette (#F2F9DF, #009651, #006E53, #432070, #020100)
• Worn Olive Thicket color palette (#F8F7E0, #668400, #006F36, #003C45, #0D0002)
• Soft Jade color palette (#F3F8E8, #43B172, #2E8453, #0E418A, #110600)
• Softworn Aubergine color palette (#F9F7DD, #5C7A00, #004D30, #3A0057, #010100)
• Amber Summit color palette (#FFF3E9, #DE8D23, #347F32, #4B247A, #171200)
• Shadow Olive Thicket color palette (#EEE6C7, #7B7C00, #002D18, #0A120E, #050400)
• Shadow Fern Courtyard color palette (#EAEBCF, #2F5D00, #003C40, #330022, #000200)

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