Moss Coast color palette — #E1DFC9 · #99BD63 · #00B1DD · #689200 · #002E3C
Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Bone (#E1DFC9): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#99BD63): A luminous, balanced green — the color of a quiet forest floor.
- Cyan (#00B1DD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#689200): A luminous, balanced green — the color of new leaves after rain.
- Midnight (#002E3C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Moss Coast 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
- Misty Mustard color palette (#E8DDC7, #CFAB29, #00B8B2, #9D7E00, #00302E)
- Quiet Chapel color palette (#D9E2CB, #62C694, #59A2FF, #009A64, #002756)
- Quiet Ember Lagoon color palette (#F2ECD1, #A2A70D, #00AD95, #D85B00, #202100)
- Quiet Moss color palette (#EEF0D1, #BAEBC3, #6DDFB4, #86A326, #203E20)
- Jade Cabin color palette (#F2F7EA, #9BDDB8, #91C0FF, #00BC78, #294366)
- Moss Terrace color palette (#CCECBF, #99D186, #5FAC40, #377A00, #051B00)
- Tempered Boulevard color palette (#E7E5FD, #40BBFF, #00C3A3, #004F41, #0D1905)
- Weathered Hollow color palette (#DBE0D2, #B8C072, #308D5D, #005733, #090D00)
Browse the whole catalog at Explore, or see today's palette.