Weathered Harbor color palette — #E1F1FF · #0072A9 · #744A00 · #002E48 · #020100

Slate and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E1F1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#744A00): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002E48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Sapphire Quarry color palette (#D8E5F6, #0062DD, #685100, #002761, #020100)
• Deep Denim Canyon color palette (#D2EFE6, #005685, #563700, #00233A, #0B0400)
• Feathered Station color palette (#CBE7E7, #007A7B, #A00025, #003233, #040000)
• Worn Lapis color palette (#DAE4FF, #6643E8, #485E00, #2B0079, #010100)
• Weathered Ember Bloom color palette (#CDEAD4, #D05900, #007CAB, #090C12, #000103)
• Hazy Peony color palette (#E0EFF8, #ABA9FF, #CE69A7, #004845, #000106)
• Pale Pine Terrace color palette (#D5ECE5, #0084D1, #00892E, #00588F, #000901)
• Moonless Olive Harbor color palette (#CDEAD9, #568200, #443C00, #1E0E00, #000202)

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