Moss Harbor color palette — #CFEBE0 · #98A635 · #009FB8 · #6E7800 · #001F25

Moss and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CFEBE0): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#98A635): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#009FB8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#6E7800): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#001F25): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Amber Delta color palette (#CFE6D1, #C99100, #00A590, #926800, #00201B)
• Rust Pier color palette (#E4E4C1, #969100, #00997D, #C34600, #141300)
• Feathered Cornflower Lantern color palette (#D1E4E4, #00B87F, #418AFF, #00855B, #001742)
• Faded Moss Villa color palette (#CEEEE5, #B0D2A4, #79C894, #8C8F00, #142A01)
• Ember Archive color palette (#D7ECE7, #7CAD4F, #F54800, #4D8100, #350900)
• Jade Study color palette (#F6EDDC, #00B074, #0095BC, #003620, #000C0C)
• Linen Field color palette (#DCE5CF, #97BA5E, #739400, #435C00, #070D00)
• Sapphire Ridge color palette (#E0F2F3, #00946F, #3A64E2, #00644A, #010025)

Browse the whole catalog at Explore, or see today's palette.