Frosted Harbor color palette — #F7F3FF · #EE8AD8 · #00B9DB · #1D87F9 · #411B39
Built around Azure, softened by Bubblegum — the whole palette hums with trust and stability.
The five colors
- Ivory (#F7F3FF): a clean, paper-quiet neutral.
- Bubblegum (#EE8AD8): A luminous, balanced pink — the color of peonies in June.
- Cyan (#00B9DB): A luminous, balanced blue — the color of deep harbor water.
- Azure (#1D87F9): A luminous, vivid blue — the color of open sky before noon.
- Deep Indigo (#411B39): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged 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
- Softworn Sapphire color palette (#F7F3FF, #EF75CA, #00AACB, #1267F6, #291837)
- Gentle Violet Meadow color palette (#FCF0FF, #FF87A3, #61A9FF, #856FF4, #4C1524)
- Faded Ridge color palette (#F2F4FF, #B8A0FF, #00C1A3, #0099AF, #2E2449)
- Antique Veranda color palette (#FEF1F8, #EFB298, #B6AEE4, #B386BE, #4B3642)
- Grape Market color palette (#F8E5FB, #DB5576, #347FD7, #613CD7, #210008)
- Sapphire Terrace color palette (#E1FCFA, #64D190, #00ACBC, #006FE8, #42165F)
- Weathered Byzantium Thicket color palette (#F8DAEF, #FF7051, #8785FF, #AC10F4, #3F0700)
- Tempered Meadow color palette (#D4FFFC, #38D273, #12B4F4, #4F7EFC, #013517)
Browse the whole catalog at Explore, or see today's palette.