Moss Bloom color palette — #DDFDF7 · #99D984 · #FF9771 · #47B300 · #662000

A conversation between Clover and Melon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#DDFDF7): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#99D984): A whisper-light, balanced green — the color of new leaves after rain.
• Melon (#FF9771): A luminous, balanced orange — the color of sun-warmed clay.
• Clover (#47B300): A luminous, vivid green — the color of fresh herbs.
• Rust (#662000): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged vibrant.

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

• Jade Field color palette (#DAF5F4, #7FD4A6, #EC9C4E, #00AC6F, #502B00)
• Ancient Moss color palette (#DCFFED, #D3C957, #FF8FA7, #A69B00, #6E092E)
• Misty Lime color palette (#D8F6CC, #7ECC5A, #00C1CE, #D48900, #153A00)
• Chalky Meadow color palette (#D8FFF4, #AED665, #21C9F7, #7DA800, #004153)
• Tempered Station color palette (#FFE7EE, #E6C28A, #DC9228, #BA6802, #453200)
• Fuchsia Study color palette (#F7F8DB, #A2EF71, #F966E0, #478900, #481940)
• Washed Amber Grove color palette (#D6F1F3, #00B694, #BE8000, #00846A, #271700)
• Soft Pier color palette (#D4FFFC, #81F4E5, #A6E2FD, #7BC26A, #164E38)

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