Moss Coast color palette — #E7FBEE · #C1BF7C · #838E3E · #786827 · #3F3C0C
Moss and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#C1BF7C): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#838E3E): A luminous, balanced green — the color of new leaves after rain.
- Walnut (#786827): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#3F3C0C): 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
- Ancient Moss Ridge color palette (#FEF4E0, #E0DE82, #8A9D00, #796B2C, #313004)
- Lagoon Studio color palette (#E6FBF3, #A6BE8D, #628E56, #3D6E5E, #1A3D35)
- Muted Mustard Studio color palette (#D4F5E1, #B2B13C, #6F8200, #3C6826, #313000)
- Timeworn Pier color palette (#ECFAEC, #A8A76C, #487918, #6C4900, #3F3D09)
- Clover Thicket color palette (#FFF3E4, #D6D382, #7FB850, #AA813D, #3D3A34)
- Forest Thicket color palette (#D5F2EA, #769F6C, #23723A, #374E14, #00201D)
- Pale Azure Ridge color palette (#BBFBE6, #00B593, #0099DD, #878100, #003A2D)
- Ash Archive color palette (#ECF9F3, #B8DACE, #7AA69B, #608682, #3A534B)
Browse the whole catalog at Explore, or see today's palette.