Moss Bloom color palette — #F1F1DE · #A69900 · #386700 · #173000 · #020200
Built around Moss, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F1DE): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#A69900): A luminous, balanced green — the color of fresh herbs.
- Olive (#386700): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#173000): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged luxury, dark.
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
- Aged Amber Courtyard color palette (#FBECD1, #BA8F00, #6C5500, #332700, #030100)
- Timeworn Study color palette (#DCE7D6, #88A402, #006758, #003028, #010200)
- Bronze Lagoon color palette (#E9EED6, #B87000, #004513, #001503, #020200)
- Emerald Terrace color palette (#E4E8CD, #CCC500, #159920, #1E5D1F, #0F1100)
- Lime Meadow color palette (#D8E1D5, #A7C572, #008C81, #00554E, #040E03)
- Celadon Lantern color palette (#EDFAE5, #C4DB7A, #00A589, #006C58, #121F08)
- Cypress Harbor color palette (#DBE0D8, #A2B5AF, #74A5BF, #008473, #0E170A)
- Wandering Olive Thicket color palette (#F4F7EC, #DFE2B2, #75AE86, #667530, #2A2C25)
Browse the whole catalog at Explore, or see today's palette.