Worn Harbor color palette — #E3F0FF · #DE6428 · #002B56 · #0B0B15 · #000104

Built around Pumpkin, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Frost (#E3F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Pumpkin (#DE6428): A luminous, vivid orange — the color of sun-warmed clay.
• Midnight (#002B56): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0B0B15): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Worn 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 Bloom color palette (#DCF3FD, #D4647F, #003238, #080C11, #000102)
• Amber Dune color palette (#D3F9EC, #BC8E00, #005F8B, #002C43, #000201)
• Bronze Study color palette (#CEE5DE, #A74F1E, #2E2B33, #001F36, #00050D)
• Eclipse Navy Hollow color palette (#DAE7FD, #A68C00, #0B0089, #080613, #00000C)
• Timeworn Ultramarine color palette (#EFF6FF, #FFAF67, #0052B5, #001C47, #000105)
• Washed Garden color palette (#E7EFFA, #CCCEE6, #AD9FC0, #2A4892, #00020C)
• Weathered Pier color palette (#F3F4FF, #ADF8DD, #8862AD, #353454, #0E0E19)
• Timeworn Garnet Boulevard color palette (#DEECF5, #009CC5, #930025, #004356, #040000)

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