Charred Harbor color palette — #F3D9E3 · #CF0036 · #672400 · #241100 · #020100

Built around Crimson, softened by Rust — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F3D9E3): A whisper-light, dusty rose — the color of a warm blush.
• Crimson (#CF0036): A full-bodied, vivid red — the color of late-summer berries.
• Rust (#672400): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#241100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, vibrant, warm.

Use it as a design system

One click turns Charred 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

• Powdered Bloom color palette (#F6DDDE, #E3051F, #A13800, #652E00, #0E0500)
• Rust Harbor color palette (#FEDFCB, #AC4900, #005C7E, #4A1B00, #000103)
• Plum Study color palette (#FBE2FC, #B93390, #7F0029, #390200, #030100)
• Weathered Pier color palette (#F8E2CE, #BC6400, #5E3200, #1B2420, #100400)
• Wandering Nightshade color palette (#F9E2DE, #A10803, #004292, #08009C, #040000)
• Amber Grove color palette (#FFE2DA, #DC8600, #7F5C00, #363700, #060F00)
• Softworn Emerald Courtyard color palette (#FEE3D2, #DFB64E, #21A72F, #7A2A57, #030100)
• Patina Indigo Atelier color palette (#F2E7FF, #5F6DFF, #9A6700, #0D0D06, #020100)

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