Frosted Harbor color palette — #FFF0FB · #B2C1FF · #E2BF22 · #6D80F3 · #473900
A conversation between Periwinkle and Saffron, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender (#B2C1FF): A whisper-light, balanced violet — the color of a velvet chair.
- Saffron (#E2BF22): A luminous, balanced green — the color of fresh herbs.
- Periwinkle (#6D80F3): A luminous, vivid violet — the color of twilight just after sunset.
- Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Softworn Meadow color palette (#FFF1F6, #D2B4FF, #D9C322, #A664F3, #433B00)
- Faded Mustard Workshop color palette (#DFFEF0, #71D2FF, #FCB12D, #009ACB, #503400)
- Lapis Garden color palette (#F0F5FF, #95A7FF, #BCA218, #4F56F1, #453A00)
- Patina Mint Boulevard color palette (#FFF1F4, #E9B6F7, #98D07F, #BE86CD, #43433C)
- Timeworn Archive color palette (#E5EAFF, #9EAEFF, #B6B100, #5EA647, #43243B)
- Patina Azure Harbor color palette (#D9FFF4, #92CBFF, #FF938F, #1C9DF8, #622223)
- Orchid Summit color palette (#FFF1F5, #DDAFFF, #28E488, #B45CEA, #004726)
- Ancient Chartreuse Basin color palette (#DAEFE1, #BDD500, #B4B5FF, #525278, #271A22)
Browse the whole catalog at Explore, or see today's palette.