Weathered Harbor color palette — #D7E5FB · #1940BD · #683200 · #292B00 · #02092B
Built around Cobalt, softened by Bronze — the whole palette hums with nature and growth.
The five colors
- Frost (#D7E5FB): A whisper-light, dusty blue — the color of open sky before noon.
- Cobalt (#1940BD): A full-bodied, vivid violet — the color of twilight just after sunset.
- Bronze (#683200): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#292B00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#02092B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Weathered 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
- Garnet Quarry color palette (#E5F2FF, #00558D, #7C1600, #332700, #000E1E)
- Aubergine Loft color palette (#EAECFB, #5E33A0, #544000, #00330D, #110426)
- Muted Terrace color palette (#DFDFF9, #7230A2, #680E00, #1D2200, #001518)
- Tempered Garnet Studio color palette (#D5F5DB, #7250A6, #6C0055, #262600, #24052F)
- Sunlit Amethyst Courtyard color palette (#DEE3FF, #7F25E1, #6D5500, #004B13, #25143F)
- Timeworn Chestnut Summit color palette (#DAF5EA, #0077AA, #944900, #00502D, #00110B)
- Moonless Aubergine color palette (#E5E3F2, #590069, #2A2D00, #00170F, #040006)
- Aubergine Summit color palette (#E5E7EF, #B8B7C3, #918AA1, #4A2C8A, #1B1E2C)
Browse the whole catalog at Explore, or see today's palette.