Moss Harbor color palette — #F3F4FF · #CFB1FF · #8A9700 · #0081A5 · #003647

A conversation between Olive Leaf and Lavender, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CFB1FF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#8A9700): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#0081A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003647): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Softworn Amber Field color palette (#F2F5FF, #B5A9FF, #B59500, #00896D, #003A2D)
• Antique Meadow color palette (#F8F2FF, #FF9DDE, #00A962, #00829F, #003744)
• Hazy Jade Meadow color palette (#F8F2FF, #EBA4D1, #70B279, #6C78B3, #2E345B)
• Misty Veranda color palette (#E1DEF4, #DB86F1, #72830D, #006B8E, #002331)
• Lapis Thicket color palette (#F6F3FF, #F69CFB, #84AB34, #6550C8, #3C1A62)
• Muted Denim Ridge color palette (#E1E9FF, #EDBAE0, #E29F89, #6489B8, #284977)
• Jade Basin color palette (#FEF0FA, #B4F0FF, #6CBEFF, #00AA81, #2E3975)
• Pale Villa color palette (#FFE6F1, #C46200, #007086, #004C5B, #050026)

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