Marigold Harbor color palette — #FFF4E2 · #C49D00 · #4C7A00 · #133A81 · #151300

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C49D00): A luminous, balanced green — the color of new leaves after rain.
• Olive (#4C7A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#133A81): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#151300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Tangerine Lagoon color palette (#FFF4E2, #EC8302, #7B6B00, #00465E, #1C0F00)
• Antique Field color palette (#FFF4E2, #8EB200, #007F57, #442C7B, #041800)
• Pale Mustard color palette (#FFF4E2, #CCB900, #4E9047, #414D7E, #272207)
• Pale Drift color palette (#FEF4DF, #A89100, #007270, #36247B, #210003)
• Pale Moss Boulevard color palette (#FFECC5, #8B9200, #006634, #271B64, #020500)
• Marigold Meadow color palette (#F7D8B5, #DA9E1E, #5E9A47, #6D55A2, #2A2400)
• Olive Field color palette (#C3E9D5, #7F7B00, #385800, #003B3E, #232700)
• Airy Aubergine color palette (#F7E3EA, #A16C12, #355800, #430060, #130E00)

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