Frosted Harbor color palette — #E0ECFF · #1B78FC · #847200 · #486521 · #1B314D
Azure takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#E0ECFF): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#1B78FC): A full-bodied, vivid blue — the color of deep harbor water.
- Walnut (#847200): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#486521): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#1B314D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged 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
- Chalky Sapphire color palette (#E2EDFF, #0C5DE8, #586600, #145528, #0E1F38)
- Iris Hollow color palette (#D9E5FF, #747EEF, #4C6500, #005730, #202B43)
- Bronze Thicket color palette (#D4F0FF, #008CB8, #A55F00, #6C5900, #003649)
- Lilac Courtyard color palette (#F3F4FF, #9A71CE, #4B8D45, #00755E, #35364B)
- Dusty Cornflower Chapel color palette (#DAE4FF, #5376F6, #B1409F, #006F76, #09123C)
- Dusty Orchid Lagoon color palette (#F1E5FF, #B55FFF, #007529, #005B4E, #382749)
- Hushed Peony color palette (#E3EBFF, #7593FF, #D259BA, #008E99, #222D54)
- Amethyst Dune color palette (#E8E8F6, #6633FE, #114B00, #003529, #0F0B2C)
Browse the whole catalog at Explore, or see today's palette.