Worn Harbor color palette — #FBECFB · #477EC4 · #493545 · #2D262D · #11191A

Cerulean and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FBECFB): A whisper-light, dusty pink — the color of a candy shop window.
• Cerulean (#477EC4): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#493545): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#2D262D): a grounded near-black with real depth.
• Ink (#11191A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Cerulean Hollow color palette (#E3F8ED, #008AAC, #2B423A, #212B26, #0F1716)
• Periwinkle Garden color palette (#EAF3FE, #729ED4, #515869, #303944, #1C2327)
• Powder Veranda color palette (#F7EFF8, #8DBBED, #8A747D, #5D4F5E, #1D231F)
• Byzantium Lantern color palette (#F5DEE2, #9D46AD, #442A2C, #2A1A1D, #120B09)
• Lapis Thicket color palette (#F4D9EB, #523EF6, #2C224D, #25101F, #0F0407)
• Lilac Balcony color palette (#FFF1F6, #A484DB, #B67381, #4E7D97, #4F3C44)
• Worn Ash color palette (#F4F6EE, #BFECEB, #78A493, #577862, #355148)
• Midnight Market color palette (#FFE8E8, #9E0077, #3A071F, #1D0406, #050100)

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