Tempered Marigold Harbor color palette — #FCE9DF · #D59A00 · #827F00 · #315B00 · #00341F

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

The five colors

• Cream (#FCE9DF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#D59A00): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#827F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#315B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00341F): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Linen Ridge color palette (#FFF2EA, #F4AE00, #858300, #0E5608, #002114)
• Hazy Moss Parlor color palette (#ECE3C2, #A19700, #596100, #2E4100, #002D1F)
• Gentle Loft color palette (#F7EFDE, #ADB11C, #3D9000, #00614A, #002E2C)
• Weathered Studio color palette (#F7E0DE, #FE7D38, #A36A00, #5A5000, #1E3000)
• Airy Aubergine Lantern color palette (#FFDEBB, #CE8700, #588612, #5C00A3, #322800)
• Tempered Pine color palette (#FFF1F6, #DBCDA0, #9AAC69, #3F8841, #005142)
• Weathered Olive color palette (#F1E8DA, #797000, #3C5500, #002A14, #000404)
• Dusty Bronze color palette (#EFF8EF, #D1E3DA, #A3C7BF, #9E6C00, #273828)

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