Moss Field color palette — #DBFBE5 · #B6B370 · #7C9534 · #42642E · #163D3A

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

The five colors

• Honeydew (#DBFBE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B6B370): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#7C9534): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#42642E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#163D3A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Mustard Orchard color palette (#FFF3E6, #C0AF58, #76914B, #47714E, #48543E)
• Patina Quarry color palette (#FFDEEA, #D4AA70, #A88723, #655D16, #1F3D32)
• Wandering Archive color palette (#D3FAF4, #8AC6A1, #14A27E, #006558, #193F48)
• Hushed Lilac color palette (#E7F6F1, #A6BC89, #B287D2, #617C36, #2F2D49)
• Hushed Emerald color palette (#D8FAF4, #B2D5A8, #649351, #34562A, #00221E)
• Powdered Moss color palette (#EAEEDD, #81B300, #058A21, #00522E, #002D20)
• Azure Orchard color palette (#E1F8F2, #86A871, #5290DA, #A76168, #142D28)
• Aged Lantern color palette (#FDEDF4, #D2B1BB, #A3785B, #6A4D61, #223025)

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