Midnight Harbor color palette — #FEE9D6 · #814800 · #003C51 · #230048 · #050013
A conversation between Deep Indigo and Bronze, giving this palette its sense of trust and stability.
The five colors
- Cream (#FEE9D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#814800): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#003C51): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#230048): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#050013): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Midnight 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
- Velvet Brick Loft color palette (#FAEBE4, #A70806, #003F3E, #220049, #050013)
- Twilit Nightshade Veranda color palette (#F7ECCE, #635900, #2C0A96, #2D0037, #09000C)
- Ancient Bronze color palette (#DFFBE6, #977500, #005C46, #00254A, #050004)
- Weathered Chapel color palette (#F3EAD3, #625900, #004320, #002528, #200B00)
- Ancient Harbor color palette (#FFEBE2, #897D3E, #036348, #3C1B3D, #1E0020)
- Inked Basalt color palette (#E9E2D1, #4E4400, #18211C, #001303, #020100)
- Patina Aubergine Veranda color palette (#FADBE9, #B25800, #00614F, #3F0080, #26001A)
- Pine Orchard color palette (#F4F1E0, #278E51, #004F4A, #411834, #000B03)
Browse the whole catalog at Explore, or see today's palette.