Moss Coast color palette — #F8F6E7 · #E1EEA8 · #CFC1FF · #95A255 · #593C4A
Built around Moss, softened by Celadon Mist — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Celadon Mist (#E1EEA8): A whisper-light, balanced green — the color of fresh herbs.
- Lavender (#CFC1FF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Moss (#95A255): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#593C4A): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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
- Patina Amber Archive color palette (#FEF3E7, #E6DFB4, #A6D0FF, #C48D4C, #513F53)
- Aged Studio color palette (#F1F8E8, #B6F6D9, #FDB0DA, #57AD8A, #5B3D3D)
- Fern Loft color palette (#F8F6E4, #CFE5D0, #C3CAD5, #C6B48D, #505100)
- Timeworn Olive Drift color palette (#E9FAF3, #AFB582, #C68487, #72782F, #5A445B)
- Dusty Bronze color palette (#FFF2EA, #E2DBC2, #D4A18A, #A9674A, #583700)
- Tempered Fern Corridor color palette (#F3F6EE, #CDDBCA, #609376, #3C4E03, #1A1D15)
- Celadon Loft color palette (#F8F6E5, #BDD889, #80C2F8, #D08B9B, #393932)
- Dusty Olive color palette (#E7F6EF, #B5B884, #AD8DC5, #74762D, #2F2D49)
Browse the whole catalog at Explore, or see today's palette.