Moss Harbor color palette — #FFF0FC · #E76B5C · #6A9700 · #0068AC · #451E19

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#E76B5C): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#6A9700): A luminous, vivid green — the color of new leaves after rain.
• Peacock (#0068AC): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#451E19): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Sunlit Station color palette (#FFF0F9, #EA683A, #948900, #007579, #442013)
• Linen Terrace color palette (#FFF0FB, #ED634F, #009F6E, #4C4AE0, #4C1811)
• Ultramarine Orchard color palette (#DFFFE1, #FC7979, #917D00, #4049BD, #562604)
• Nightshade Dune color palette (#F1D5E4, #CE5A15, #468400, #0E45B4, #2C0D22)
• Quiet Amber Market color palette (#E0F5E1, #B7852A, #648E4C, #006798, #102E15)
• Powdered Lapis color palette (#E3FEE2, #CA8705, #009E73, #444FD7, #3D2600)
• Frosted Indigo Thicket color palette (#FFF1F5, #C79359, #00A4A4, #7062AA, #462833)
• Misty Blush color palette (#FFF2EE, #FF7184, #00A4B6, #007582, #320C12)

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