Misty Harbor color palette — #FFEBE0 · #B77C00 · #6C6000 · #3A4000 · #053405

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

The five colors

• Cream (#FFEBE0): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B77C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6C6000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3A4000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#053405): 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 Misty 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

• Amber Pier color palette (#FFEBD4, #C69300, #857400, #515000, #293300)
• Wandering Ember Terrace color palette (#F0D8D8, #E36117, #845100, #4F3900, #272D00)
• Airy Olive Veranda color palette (#F0DFC8, #A09200, #3D6F00, #004D2C, #00332D)
• Moss Bloom color palette (#DCEBBA, #969910, #4E5B00, #252C00, #111900)
• Worn Fern Terrace color palette (#D8F8E6, #779259, #625600, #502E00, #002B2A)
• Weathered Corridor color palette (#E8E1D4, #6E7000, #004A10, #00251B, #000F14)
• Lapis Parlor color palette (#C9E6D8, #888300, #5C4DDD, #4F4B00, #232053)
• Grape Balcony color palette (#D0E9DB, #776D00, #732EC2, #790074, #242000)

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