Moss Bloom color palette — #F1EBDA · #9C8C00 · #00717D · #635900 · #000203
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1EBDA): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9C8C00): A luminous, balanced green — the color of new leaves after rain.
- Teal (#00717D): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#635900): A full-bodied, balanced green — the color of new leaves after rain.
- Black (#000203): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Weathered Drift color palette (#E9EAD4, #5F9E2A, #006B9E, #366600, #000201)
- Amber Parlor color palette (#EEE2D5, #BC7A00, #00783C, #794D00, #010200)
- Emerald Harbor color palette (#DFE1CB, #4F9637, #00734F, #004643, #000304)
- Chalky Olive color palette (#FEDCC8, #4F8D00, #006865, #621252, #000501)
- Patina Olive Studio color palette (#E9E9DE, #93A799, #6E9185, #487100, #0B0A00)
- Hushed Hollow color palette (#DFE9D5, #00B489, #2F5EFD, #007A5B, #000011)
- Tempered Emerald color palette (#EEF2E1, #B9A000, #00A943, #00879C, #000301)
- Moonless Fern color palette (#DBEAE2, #635900, #003132, #231F00, #000102)
Browse the whole catalog at Explore, or see today's palette.