Misty Harbor color palette — #FFF3E6 · #FFCAC2 · #FFA937 · #969820 · #433005

Built around Saffron, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFCAC2): A whisper-light, dusty orange — the color of autumn markets.
• Saffron (#FFA937): A luminous, balanced gold — the color of afternoon light on wheat.
• Moss (#969820): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#433005): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Misty Marigold Hollow color palette (#EBE2D7, #D7A300, #938700, #5A6400, #2D3D18)
• Mustard Field color palette (#FEF4E0, #FFD0A3, #D6B900, #67A162, #37342E)
• Timeworn Amber color palette (#FFF2EC, #FFC4D1, #FFA28F, #C1821E, #38322D)
• Gentle Lime Delta color palette (#FFF1F6, #FFCFD6, #FFBB79, #98C700, #3B2900)
• Hushed Amber Workshop color palette (#FFF3E8, #FFAFBB, #DE8707, #588400, #3F2D00)
• Wandering Marigold Quarry color palette (#FFF1F5, #E4DDD2, #E0DA97, #C09E00, #2E1C00)
• Timeworn Mustard Summit color palette (#FDDCBE, #CAB670, #849367, #4A786A, #573E51)
• Ancient Stone Pier color palette (#FEF4DF, #AFBD71, #6B8B5A, #6A615E, #37362F)

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