Moss Bloom color palette — #F7F7E3 · #669030 · #626BA8 · #703F64 · #33332C

A conversation between Olive Leaf and Slate, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F7E3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#669030): A luminous, balanced green — the color of new leaves after rain.
• Slate (#626BA8): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#703F64): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#33332C): quiet, heavy and certain.

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

Use it as a design system

One click turns Moss Bloom 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

• Lagoon Harbor color palette (#F1F9E5, #009968, #875F96, #7C3C44, #31342D)
• Quiet Olive Parlor color palette (#F4F7E6, #348E20, #53539E, #662C41, #362A17)
• Patina Moss color palette (#F5F3DB, #719436, #8A6499, #654272, #1D1B06)
• Timeworn Study color palette (#FFF3E2, #A67800, #30799E, #554A79, #36322C)
• Jade Ridge color palette (#FFF4E2, #32B084, #007882, #6A3A60, #34422D)
• Taupe Orchard color palette (#E3FCF3, #96A85E, #AF7CA6, #8D5B85, #1D3930)
• Mulberry Coast color palette (#DAF7E1, #007F8C, #9A3865, #6C3202, #152C1C)
• Patina Olive Corridor color palette (#F4F6EE, #D2DED8, #AEC6C0, #6A7D3A, #46493F)

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