Frosted Harbor color palette — #D2DDFE · #8A7BFF · #3C7000 · #0C6335 · #131930

Lavender Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Powder Blue (#D2DDFE): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#8A7BFF): A luminous, vivid violet — the color of a velvet chair.
• Olive (#3C7000): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#0C6335): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#131930): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Linen Orchid color palette (#ECECFF, #B365E8, #60903D, #486C2E, #252339)
• Antique Indigo color palette (#D1DEFD, #6D64FF, #7B7500, #595500, #101933)
• Magenta Drift color palette (#DDD9FD, #CC51F0, #287300, #005843, #1B1532)
• Dusty Violet Cabin color palette (#FFF1F6, #9B6DDF, #957000, #005D33, #0C001E)
• Ancient Balcony color palette (#D5DEF5, #6863C7, #175200, #003A2B, #101836)
• Worn Lilac Corridor color palette (#F5D3E0, #B082ED, #D67127, #008963, #201232)
• Aged Veranda color palette (#C2E2FF, #0088CE, #886F00, #635100, #051C2F)
• Weathered Delta color palette (#E6E4FF, #B125C0, #596600, #3E4800, #001524)

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