Moss Veranda color palette — #FFF0F8 · #BCB7FF · #9C8E00 · #54842C · #211748
Moss and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#BCB7FF): A luminous, balanced violet — the color of a velvet chair.
- Moss (#9C8E00): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#54842C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#211748): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Moss Veranda 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
- Soft Moss color palette (#FFF1F6, #B393E8, #6DA93C, #589029, #2F0E1E)
- Wandering Parlor color palette (#FFF1F3, #E185EE, #B29F00, #978700, #340E39)
- Tempered Emerald color palette (#F8F2FF, #D5ABFF, #00A846, #008978, #2B153E)
- Weathered Lagoon color palette (#E6EAFF, #6666FF, #737900, #2D6A30, #282C51)
- Aged Garden color palette (#FFF1F4, #CF7FF2, #B28D00, #00738C, #290B35)
- Aged Villa color palette (#F4F4FF, #AC9EFF, #E28300, #C16F00, #221648)
- Wisteria Market color palette (#FFF1F3, #BF6DC7, #A37B00, #7E6900, #19021C)
- Emerald Orchard color palette (#FFF2EE, #EFA2AA, #B9AC59, #47AA50, #3F221A)
Browse the whole catalog at Explore, or see today's palette.