Marigold Harbor color palette — #FFF0F9 · #A9A7FF · #E19300 · #619952 · #282649

Mustard and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#A9A7FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#E19300): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#619952): A luminous, balanced green — the color of a quiet forest floor.
• Deep Indigo (#282649): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Marigold 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

• Timeworn Courtyard color palette (#FFF1F6, #D3B7FF, #AD8F00, #469D61, #401F2E)
• Patina Tangerine Market color palette (#FEF0FF, #75B7FF, #FA7D53, #958C00, #39203C)
• Linen Pine Quarry color palette (#FFF1F6, #C4A9FF, #B07B00, #1B8F4C, #00271C)
• Worn Moss Lagoon color palette (#F1F5FF, #ACACFF, #8D8600, #706A00, #18143B)
• Fuchsia Lagoon color palette (#FFF1F3, #F980FD, #E07A00, #1F8B47, #003353)
• Muted Mallow color palette (#FFF1F3, #EF92EC, #ADB373, #599F92, #432B2F)
• Frosted Ember color palette (#DAFFF0, #85D1FF, #E26752, #A68404, #002F46)
• Soft Periwinkle color palette (#FFF0FC, #82A3FF, #688000, #02713A, #1D294C)

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