Moss Bloom color palette — #FCF2CC · #FFA26D · #939E00 · #00847D · #091900
Moss and Melon set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FCF2CC): A whisper-light, dusty green — the color of new leaves after rain.
- Melon (#FFA26D): A luminous, balanced orange — the color of toasted spice.
- Moss (#939E00): A luminous, balanced green — the color of fresh herbs.
- Teal (#00847D): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#091900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Powdered Lagoon color palette (#F2F6D1, #F29F10, #42B100, #007F9B, #001B14)
- Washed Mustard Field color palette (#FFF5D2, #E4A800, #939800, #007E43, #173000)
- Frosted Workshop color palette (#F8F9C9, #FFB38A, #C9BA00, #009A9B, #1D2D00)
- Softworn Marigold Boulevard color palette (#FFF0D7, #FFA4B3, #DE9100, #008955, #110F00)
- Ultramarine Ridge color palette (#DCE8D2, #A69B00, #008E7E, #164EB7, #000808)
- Tempered Mustard Lantern color palette (#D1FFDF, #E1C200, #00B67A, #0075B4, #001513)
- Airy Clover Ridge color palette (#F2F6D2, #FFC87B, #00D568, #0094C8, #002518)
- Weathered Courtyard color palette (#E2DFC9, #6A9900, #006F2B, #004537, #002224)
Browse the whole catalog at Explore, or see today's palette.