Moss Harbor color palette — #FFF3E9 · #EDC683 · #A29515 · #495900 · #0F2E00

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Cantaloupe (#EDC683): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Moss (#A29515): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#495900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#0F2E00): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Aged Boulevard color palette (#FFF2EF, #FFC1A1, #BC7D33, #674C00, #211F00)
• Pale Ridge color palette (#F1E7C7, #8D9400, #326200, #00220C, #000201)
• Muted Amber Orchard color palette (#FFD9B8, #C2922D, #756500, #3A4A00, #183B00)
• Pale Drift color palette (#F3DDC1, #BFA100, #5F6600, #213B00, #000802)
• Washed Jade color palette (#F8FBB7, #B4DC97, #57A56D, #006147, #002D28)
• Weathered Olive Archive color palette (#FFD8D4, #F6AE7F, #BE9E19, #608800, #003A28)
• Weathered Amber color palette (#FDE9E6, #D18853, #736700, #304700, #001F15)
• Antique Marigold Market color palette (#FFF4E2, #E6AA46, #7A863A, #00548C, #2D1F02)

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