Frosted Harbor color palette — #C5E7F3 · #A7BCF2 · #D187D4 · #608000 · #004E40

Built around Olive Leaf, softened by Pink Orchid — the whole palette hums with nature and growth.

The five colors

• Frost (#C5E7F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A7BCF2): A luminous, balanced violet — the color of a velvet chair.
• Pink Orchid (#D187D4): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#608000): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004E40): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

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

• Tempered Olive color palette (#D6E9EC, #8CBCED, #A390D7, #848522, #004610)
• Muted Emerald color palette (#E9F2FF, #C4CBF6, #CC97B3, #50955F, #00555D)
• Tempered Coast color palette (#ECEFFD, #B4B0DD, #B4839A, #288255, #003F45)
• Wandering Driftwood Cabin color palette (#DFE6FF, #A89CBE, #B4716A, #0B6F6A, #002946)
• Sunlit Pier color palette (#D7E4F6, #A989E6, #9A4C73, #295318, #0D2802)
• Pale Chestnut color palette (#FBE5F8, #C996B1, #B7677A, #885200, #4F3A00)
• Timeworn Ash color palette (#ECF7FF, #DDD6E8, #C5BDD5, #80ABA3, #3E565C)
• Soft Peony color palette (#F8F2FF, #ECB9F4, #D069AF, #8D4D31, #442400)

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