Twilit Harbor color palette — #FCDEEF · #9F3B00 · #3D3B34 · #1E0E00 · #030000

Built around Burnt Sienna, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FCDEEF): A whisper-light, dusty pink — the color of neon signs at night.
• Burnt Sienna (#9F3B00): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3D3B34): quiet, heavy and certain.
• Ink (#1E0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Obsidian Thicket color palette (#EFDBEC, #B5001C, #2B261B, #230A00, #050000)
• Smoked Cocoa Studio color palette (#F3D9C8, #752A00, #242E29, #190B00, #070200)
• Chalky Market color palette (#FDDCCD, #E07800, #835500, #473400, #0B0800)
• Dusty Rust Pier color palette (#EEDAE7, #CD4600, #533F00, #341105, #030105)
• Inked Chestnut Atelier color palette (#E0F5E6, #755C00, #272A33, #111400, #020100)
• Charred Bronze Ridge color palette (#DDF6DD, #A87200, #322B00, #0D0600, #040002)
• Amber Balcony color palette (#FFF0F7, #DA864B, #374C3A, #2C1621, #0A0308)
• Ancient Study color palette (#ECF9EF, #C5AB6F, #465A51, #222F25, #150D10)

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