Frosted Harbor color palette — #F3F4FF · #CFB2FF · #987B00 · #872ADE · #020100

Built around Violet, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CFB2FF): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#987B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Violet (#872ADE): A full-bodied, vivid violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged duotone, vibrant.

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

• Byzantium Delta color palette (#F5F3FF, #F29FFF, #8A8100, #9E2FAF, #020200)
• Lapis Hollow color palette (#F0F5FF, #AFBFFF, #CD5300, #484CF1, #040100)
• Dusty Peony Bloom color palette (#F7F3FF, #FFC2F3, #989800, #BB49AB, #000E07)
• Plum Summit color palette (#F9F2FF, #FF93C4, #658300, #A8276D, #000201)
• Ember Parlor color palette (#EEF6FF, #94C8FF, #E65B21, #005EA5, #050000)
• Jade Study color palette (#F9F2FD, #FFB9CF, #48B267, #A53B66, #000707)
• Worn Aubergine color palette (#FFECF1, #AD72CB, #754900, #6A008E, #1C0E00)
• Hazy Orchid color palette (#EBE8FE, #B338C9, #374100, #470053, #010100)

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