Frosted Harbor color palette — #FFF1F5 · #B48CD2 · #009AB3 · #7B4F99 · #294B37

Plum takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mauve (#B48CD2): A luminous, balanced violet — the color of wild irises.
• Cerulean (#009AB3): A luminous, balanced blue — the color of open sky before noon.
• Plum (#7B4F99): A full-bodied, balanced violet — the color of wild irises.
• Forest (#294B37): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Patina Villa color palette (#FFF0FB, #879BE2, #00A182, #4A5EB1, #124D3F)
• Aged Wisteria Bloom color palette (#FFECF0, #C48AD7, #5AA068, #7F4C90, #0D2F16)
• Cobalt Balcony color palette (#FFF1F1, #D382AC, #3B8DDC, #974373, #503953)
• Ember Dune color palette (#FFF1F5, #AF8FCF, #D46529, #78509B, #5E3724)
• Mallow Market color palette (#F4F4FF, #D89CF1, #5FBB7E, #986CAA, #1A4B49)
• Rust Pier color palette (#FFF1F2, #BE64A3, #C55304, #5462AB, #4C2F30)
• Amber Garden color palette (#FFF1F1, #CC87A9, #AD8200, #964570, #514017)
• Stone Boulevard color palette (#FFF1F2, #E6D7D6, #F2A9B4, #8E6B8E, #5A4544)

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