Frosted Harbor color palette — #F3F4FF · #CEACF6 · #AE90D1 · #9A7700 · #243563

A conversation between Ochre and Lavender, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CEACF6): A luminous, balanced violet — the color of a velvet chair.
• Mauve (#AE90D1): A luminous, balanced violet — the color of wild irises.
• Ochre (#9A7700): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#243563): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Optimism, 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

• Bronze Study color palette (#F9F2FF, #E9A8C5, #CE86A8, #947A00, #2F3165)
• Frosted Delta color palette (#E8F9FB, #72D3BD, #B28CD9, #878100, #004237)
• Rust Market color palette (#FFF0FA, #98A0D9, #B8636E, #646100, #004045)
• Powdered Lagoon Studio color palette (#EFF6FF, #9EBEFA, #CE87A2, #009461, #213661)
• Chalky Loft color palette (#F2F5FF, #BFB3F5, #9BA954, #009083, #00423B)
• Lilac Lagoon color palette (#E0E4F1, #A99FE6, #746B82, #434860, #121920)
• Teal Veranda color palette (#E7F9FF, #BFDAF6, #B6B8DD, #6FA387, #255565)
• Pale Parlor color palette (#E0E0FA, #AC73D2, #B25400, #005C66, #1E002E)

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