Weathered Harbor color palette — #DEDEF2 · #007CB7 · #8C5600 · #100E06 · #030100

Built around Cerulean, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Frost (#DEDEF2): A whisper-light, dusty violet — the color of wild irises.
• Cerulean (#007CB7): A full-bodied, balanced blue — the color of open sky before noon.
• Ochre (#8C5600): A full-bodied, balanced gold — the color of old brass.
• Ink (#100E06): a grounded near-black with real depth.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Worn Bronze color palette (#E3DDF5, #00928D, #9B6E00, #1E1200, #000300)
• Aged Indigo Harbor color palette (#FEDDF2, #5D51FF, #7A6000, #0D1007, #030100)
• Dusty Azure color palette (#F1D6EB, #0B98F3, #848700, #0D1A0B, #070500)
• Shadow Fern Archive color palette (#DDEAF4, #006F58, #525700, #050E0E, #000201)
• Spruce Summit color palette (#E8E7E0, #999C8A, #657758, #292F00, #0C0901)
• Muted Plum Delta color palette (#CDE2FD, #008870, #B90043, #190602, #050100)
• Chestnut Hollow color palette (#F5EBDB, #785900, #243031, #1C1300, #040200)
• Bronze Dune color palette (#E9D9F3, #79BBFF, #A07C00, #21270B, #171106)

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