Quiet Moss color palette — #E7FBF0 · #DFD97F · #B5B0FF · #968D00 · #2E3655

Olive Leaf and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
• Honey (#DFD97F): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#B5B0FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#968D00): A luminous, balanced green — the color of fresh herbs.
• Navy (#2E3655): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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

• Amber Lantern color palette (#ECFAEB, #FBCB8C, #8ABEFF, #BA7A00, #243A53)
• Powdered Mallow color palette (#E2FCF6, #B0E69B, #E69BFC, #5B9B3E, #383355)
• Hushed Harbor color palette (#E5FBF2, #BFE7EF, #9BBDD0, #B69F72, #324E48)
• Dusty Thicket color palette (#F7F2DF, #A7A95F, #7989CC, #686900, #1C234B)
• Hushed Taupe Lagoon color palette (#EAF9F1, #BAE9D8, #AAA14F, #7D683A, #203732)
• Sky Lagoon color palette (#DFFEF0, #BCC263, #22B8F4, #C77399, #163127)
• Airy Basin color palette (#D5ECE3, #88951F, #690DD6, #3A4000, #020008)
• Worn Pine color palette (#E8FAF7, #FFE2A5, #42884C, #204125, #051211)

Browse the whole catalog at Explore, or see today's palette.