Misty Harbor color palette — #FFF0FA · #FFB6C5 · #FF4D51 · #8D4A00 · #4F3600

Scarlet and Burnt Sienna set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#FFB6C5): A whisper-light, balanced red — the color of late-summer berries.
• Scarlet (#FF4D51): A luminous, vivid orange — the color of toasted spice.
• Burnt Sienna (#8D4A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4F3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Blush Station color palette (#FCF1FF, #FFA2CE, #FF5986, #A82F00, #542B00)
• Worn Amber Dune color palette (#FFF1F5, #FFAEA5, #E36900, #915A00, #3B3300)
• Ember Ridge color palette (#FFEAEB, #EF602D, #9B5200, #3A2E00, #090800)
• Antique Coral Lantern color palette (#FFD2DD, #FFABB1, #FF7565, #C9571A, #653000)
• Ember Boulevard color palette (#FFD5E7, #FF7480, #D74E00, #633A00, #291C00)
• Bronze Study color palette (#F7E0DA, #BB6400, #634700, #262800, #000200)
• Wandering Blush Delta color palette (#FFF0FC, #E1FFD2, #D5DDCE, #C67BAB, #5B371A)
• Ancient Amber color palette (#FFF2EF, #FFCDB3, #D48800, #887403, #1F4D42)

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