Frosted Harbor color palette — #FFF4DF · #E1BC2C · #9B6AEC · #8F7500 · #412D64

A conversation between Amethyst and Saffron, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#E1BC2C): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#9B6AEC): A luminous, vivid violet — the color of twilight just after sunset.
• Ochre (#8F7500): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#412D64): A deep, shadowed, balanced violet — the color of wild irises.

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

• Pale Cornflower color palette (#FFF3E3, #F3B22C, #6482EC, #9B6E00, #26356F)
• Gentle Lilac color palette (#FAF6DC, #B2CF2D, #A97CFE, #607200, #412B69)
• Softworn Studio color palette (#F3EFDB, #A7B050, #CA67D5, #727900, #4A244E)
• Pale Chapel color palette (#E0FEED, #E0C900, #9AA6FF, #8E7F00, #232366)
• Byzantium Study color palette (#E8DDC2, #BBAC28, #A23AD1, #6F6500, #381847)
• Weathered Fuchsia color palette (#F6F7E5, #99C688, #EA85C5, #4D8B2F, #5E3537)
• Airy Harbor color palette (#F2F9DC, #55DF7F, #E351EA, #007E39, #57205A)
• Washed Azure color palette (#FFF3E9, #FFA86D, #00A9E0, #9F4F00, #004058)

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