Moss Harbor color palette — #CCE2F0 · #00A7D9 · #5B9A00 · #006D8F · #193000
Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Frost (#CCE2F0): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00A7D9): A luminous, balanced blue — the color of open sky before noon.
- Olive Leaf (#5B9A00): A luminous, vivid green — the color of fresh herbs.
- Peacock (#006D8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#193000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Moss Harbor 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
- Periwinkle Parlor color palette (#D1E0F2, #4399FF, #00A060, #0061BC, #00321B)
- Feathered Cobalt color palette (#C0E3FF, #0088C2, #975A00, #004F73, #3D2100)
- Hushed Drift color palette (#EDF7FF, #62C3FF, #BF6D00, #006B9B, #271200)
- Violet Garden color palette (#BFE6F0, #00AEAD, #8E5FFF, #007271, #2B1D51)
- Amber Drift color palette (#C9E6DB, #81CCFF, #DF8C25, #0076AF, #3D2100)
- Feathered Jade color palette (#F0F6FF, #97B6FC, #1FC096, #5F7DC6, #194B4E)
- Faded Magenta Station color palette (#E7F1FE, #4680F1, #BF2ABF, #00787A, #0B1D40)
- Cobalt Bloom color palette (#E0EEFF, #C6D7FF, #B4ADFF, #2079B0, #1D314B)
Browse the whole catalog at Explore, or see today's palette.