Frosted Harbor color palette — #F3DED7 · #BE1841 · #512600 · #4F0014 · #040100

Ruby and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F3DED7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ruby (#BE1841): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#512600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#4F0014): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#040100): quiet, heavy and certain.

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

• Weathered Plum color palette (#F6E3E2, #A43A72, #3E3700, #500030, #010100)
• Tempered Rust Grove color palette (#F4E4DA, #A94500, #3A3B0A, #441700, #030100)
• Cellar Chestnut color palette (#F3E4CE, #8C3E00, #442900, #022002, #160700)
• Cocoa Corridor color palette (#F6DDCD, #7D2C00, #332900, #210031, #160005)
• Worn Ember color palette (#F6E2D7, #F7503B, #B44900, #684000, #110400)
• Washed Garden color palette (#E8DBD6, #BAA498, #AA7043, #6D0107, #210E06)
• Hazy Raspberry color palette (#EFE7F6, #CA518D, #655000, #7E004D, #030200)
• Hushed Tangerine color palette (#FEF3E9, #EA8423, #756400, #814300, #261B02)

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