Moss Coast color palette — #F9F6E3 · #CEDCA3 · #CAA9F3 · #809500 · #402F54
Built around Olive Leaf, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F6E3): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#CEDCA3): A whisper-light, dusty green — the color of a quiet forest floor.
- Lavender (#CAA9F3): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#809500): A luminous, balanced green — the color of fresh herbs.
- Navy (#402F54): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
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
- Faded Amber color palette (#FCF4E8, #F2CF8D, #B2B1FF, #B08100, #34335A)
- Gentle Emerald color palette (#F2F8E7, #A4E6BC, #E2A0E2, #13A361, #4D284E)
- Airy Moss Alley color palette (#E9FAF2, #D0D280, #FF9EA6, #A4A534, #613237)
- Moss Villa color palette (#E3FCF4, #8BAE3C, #8B7DC2, #586F24, #3A4061)
- Antique Drift color palette (#F9F6E0, #CBE6D3, #CBBBC0, #BEA159, #434C00)
- Worn Harbor color palette (#F6F8DB, #9FC990, #A5A0EB, #B974C0, #2C2D0D)
- Dusty Terrace color palette (#FFF2EA, #F4D7B8, #C39178, #925957, #35312B)
- Blush Study color palette (#EDFAE5, #32F6D4, #EF6BA9, #00937D, #580033)
Browse the whole catalog at Explore, or see today's palette.