Frosted Harbor color palette — #FFDDDD · #FF3F61 · #A3002F · #31000A · #040000

Scarlet takes the lead with Garnet close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Shell Pink (#FFDDDD): A whisper-light, dusty red — the color of late-summer berries.
• Scarlet (#FF3F61): A luminous, vivid red — the color of embers at dusk.
• Garnet (#A3002F): A full-bodied, vivid red — the color of late-summer berries.
• Ink (#31000A): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Crimson Parlor color palette (#FFDBDC, #F9677F, #CC2C50, #8C001F, #0A0001)
• Airy Market color palette (#FBE3D9, #E86400, #873900, #2A0E00, #030100)
• Hushed Peony color palette (#FFD5EC, #EB45AC, #920076, #300024, #040002)
• Scarlet Lantern color palette (#D0E5FF, #69AB00, #D93C00, #180508, #030002)
• Weathered Study color palette (#FFEFF1, #FFAD9F, #E58200, #833F6F, #100001)
• Airy Amber color palette (#FBE2EC, #D27000, #2D5B00, #5C2E00, #000201)
• Hushed Workshop color palette (#FAEBEF, #AA7E00, #6D4200, #391600, #000201)
• Washed Alley color palette (#F3DCE7, #974400, #00595D, #001673, #030100)

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