Frosted Harbor color palette — #FCEDDB · #B68100 · #7A5B00 · #534400 · #3A3300

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

The five colors

• Cream (#FCEDDB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B68100): A luminous, balanced gold — the color of old brass.
• Olive (#7A5B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#534400): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#3A3300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Marigold Pier color palette (#EDE3D8, #E9A100, #BA8B00, #856A00, #362F00)
• Driftwood Loft color palette (#FFE8C9, #C4AF79, #908240, #6C6831, #5E4C00)
• Wandering Corridor color palette (#E6E3C8, #969800, #647000, #394A00, #003724)
• Soft Plum Quarry color palette (#F6E2BF, #A28000, #C7007E, #614B00, #570034)
• Wandering Moss color palette (#F6EC7C, #A69900, #655D00, #353300, #211F00)
• Airy Ember color palette (#FFE2DA, #E45C00, #A54C00, #683500, #4B2900)
• Clover Study color palette (#FBF8C5, #BFD466, #79B558, #735C00, #3C3E00)
• Aged Chestnut color palette (#E7E1D2, #726100, #3E3A00, #1A1C00, #000C03)

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