Moss Coast color palette — #E7FBED · #BDC07B · #6E953A · #2F7957 · #3C3E0C

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

The five colors

• Ivory (#E7FBED): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#BDC07B): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#6E953A): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#2F7957): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#3C3E0C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Hushed Lagoon color palette (#DDFEF5, #96CA9E, #3E9979, #5B723F, #204427)
• Patina Summit color palette (#FFF4DF, #DADE9B, #75A233, #40785D, #302E28)
• Hushed Olive color palette (#DBF2E0, #B2AF5D, #648500, #006482, #323000)
• Aged Clover Boulevard color palette (#FFF3E8, #E0CF7F, #84B655, #479895, #3D3A34)
• Washed Forest Boulevard color palette (#D3E7E1, #6CA26B, #00734D, #00504F, #012203)
• Timeworn Ridge color palette (#D8EBE2, #5E812E, #00551A, #002D51, #030700)
• Wandering Ash color palette (#F0F7F3, #B9DACD, #78A69D, #6C8091, #3B534B)
• Wandering Rose Garden color palette (#DCEDFF, #33A0FD, #EA4F76, #5F8E00, #013258)

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