Moss Coast color palette — #DDF6E9 · #ABBE78 · #918A16 · #785C00 · #203E0F

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

The five colors

• Honeydew (#DDF6E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#ABBE78): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#918A16): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#785C00): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#203E0F): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Moss Coast 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

• Weathered Chestnut Field color palette (#E1F5E0, #CCB16C, #AE7B2E, #924B00, #3B3709)
• Softworn Chartreuse Orchard color palette (#FFF5D7, #C2DE6A, #9B963E, #745C18, #2A2A03)
• Washed Olive color palette (#DDF5E8, #88A96F, #746C00, #673F00, #003E3F)
• Dusty Bronze color palette (#EDF9F2, #B7D2C8, #A29D72, #867246, #314E48)
• Hushed Bronze Archive color palette (#D6E9D8, #927C16, #6C4C00, #492700, #0C0C00)
• Terracotta Study color palette (#F4E2EB, #C9A1B0, #AC6F50, #894339, #1B381F)
• Garnet Loft color palette (#F7E0EC, #BF9571, #A55B35, #88241B, #332000)
• Crimson Pier color palette (#FDF0FE, #FC9BA4, #AE7C00, #DC004D, #281A00)

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