Moss Coast color palette — #F2F4FF · #BFA8FF · #8A8A00 · #1E8B5F · #161831
A conversation between Olive Leaf and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Lavender (#BFA8FF): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#8A8A00): A luminous, balanced green — the color of fresh herbs.
- Fern (#1E8B5F): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#161831): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Hushed Bronze Dune color palette (#EFF6FF, #91B9FF, #B07700, #898034, #0B1B32)
- Soft Atelier color palette (#F6F3FF, #F28CF4, #549745, #18898A, #1D1630)
- Misty Moss Station color palette (#DCE3FF, #C2BAFF, #53BC8F, #6DA138, #222947)
- Airy Chapel color palette (#F6F3FF, #D274D6, #00A08B, #006D70, #171124)
- Violet Pier color palette (#FFE2EB, #8F65B6, #707400, #2E652D, #260615)
- Muted Byzantium color palette (#EBD8FF, #AC2AFF, #617500, #176003, #030008)
- Violet Hollow color palette (#FCDAE7, #8666BA, #9F5800, #006A5C, #312248)
- Mallow Balcony color palette (#F9F2FF, #FFB0D4, #84CDAD, #6DB1A7, #3E3346)
Browse the whole catalog at Explore, or see today's palette.