Quiet Moss color palette — #F5F3DB · #91B24F · #987EC3 · #556F14 · #2D1E42
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F3DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#91B24F): A luminous, balanced green — the color of a quiet forest floor.
- Slate Blue (#987EC3): A luminous, balanced violet — the color of a velvet chair.
- Olive (#556F14): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#2D1E42): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Moss 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
- Marigold Study color palette (#FCF1DC, #C1A124, #7588D5, #796200, #371D31)
- Lilac Station color palette (#E1FDF3, #97A95A, #A573B8, #5E6E1E, #52355D)
- Washed Dune color palette (#EFF5E2, #56BB84, #BF6DA7, #2E744E, #3F1A1E)
- Moss Studio color palette (#F4F4D8, #6D9E3E, #4982C0, #99535C, #201F07)
- Quiet Celadon color palette (#F7F6E5, #B9E680, #C8A9F8, #789551, #3E3054)
- Quiet Olive Bloom color palette (#E6FBF3, #B0C07E, #DB8C87, #788A32, #603432)
- Cocoa Studio color palette (#FFEEE2, #CAA37A, #936B51, #743A16, #2C200D)
- Seafoam Thicket color palette (#F4F3DE, #B7F4EE, #98DAD3, #88895A, #2E2F28)
Browse the whole catalog at Explore, or see today's palette.