Moss Coast color palette — #D4F5E0 · #73A250 · #006B4F · #004A62 · #1B3600
Built around Moss, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D4F5E0): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#73A250): A luminous, balanced green — the color of fresh herbs.
- Pine (#006B4F): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004A62): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#1B3600): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Wandering Field color palette (#E8E6CC, #6FA472, #006C4C, #004849, #001D04)
- Wandering Pier color palette (#EDF9EC, #9D9F69, #3E7040, #603D5A, #1F3C31)
- Weathered Cabin color palette (#D4F3EB, #16AA81, #00676D, #314D00, #003727)
- Moss Workshop color palette (#FFE2ED, #A49300, #346A00, #004D4E, #352E00)
- Dusty Olive Dune color palette (#D8EEDD, #6C8444, #005234, #461D3A, #141F00)
- Amber Balcony color palette (#FDE3F0, #B08D28, #4E6400, #542F6D, #3A2C00)
- Stone Courtyard color palette (#EEF8F3, #9FCBC5, #61898F, #53697B, #375350)
- Feathered Lime Workshop color palette (#F4EAD6, #98D56E, #00B186, #2F85A8, #1A3600)
Browse the whole catalog at Explore, or see today's palette.