Moss Coast color palette — #F3FEAF · #B5E371 · #4CB100 · #007A3F · #003F2B
Built around Clover, softened by Chartreuse — the whole palette hums with nature and growth.
The five colors
- Butter (#F3FEAF): A whisper-light, balanced green — the color of fresh herbs.
- Chartreuse (#B5E371): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#4CB100): A luminous, vivid green — the color of a quiet forest floor.
- Pine (#007A3F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#003F2B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Energy. Tagged vibrant.
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
- Quiet Moss color palette (#FFF6D0, #D4D055, #7FA700, #3A7500, #004316)
- Emerald Basin color palette (#E4FFD3, #8BE38D, #00AA6B, #00755A, #003E38)
- Misty Clover color palette (#EFE7CF, #B4D000, #57B800, #009069, #004B4A)
- Aged Jade color palette (#CCE8CD, #0EB677, #007A65, #00413C, #000E10)
- Emerald Courtyard color palette (#D5F1B1, #80BE6C, #009752, #00543B, #001E18)
- Pale Moss Orchard color palette (#F0FBD1, #C9F2F8, #AADBFE, #78AA2F, #004F3C)
- Powdered Amber Corridor color palette (#FFF3E7, #FFC263, #AD8D00, #696000, #2F3500)
- Airy Fuchsia color palette (#F3F9DA, #8DDE96, #F677ED, #009635, #4F044D)
Browse the whole catalog at Explore, or see today's palette.