Twilit Harbor color palette — #F9EEDE · #00555C · #002641 · #220005 · #000406

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

The five colors

• Cream (#F9EEDE): A whisper-light, dusty gold — the color of honey in a jar.
• Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#002641): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#220005): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#000406): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, dark, 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

• Nocturne Garden color palette (#F1DFC3, #005934, #002A2B, #1C001D, #000503)
• Charred Summit color palette (#F1E1C8, #005074, #1B006E, #1C0600, #00030C)
• Worn Veranda color palette (#ECE3D6, #528C8D, #00454F, #00231A, #000B12)
• Velvet Station color palette (#D4EFE1, #5D5763, #003344, #1A1A21, #00040E)
• Washed Navy color palette (#FFE1EF, #007465, #003B7B, #351500, #000405)
• Aged Quarry color palette (#DBF2E3, #009C8D, #007288, #00299F, #00060C)
• Garnet Pier color palette (#E8E0D2, #008A95, #005E96, #6C1025, #000406)
• Aubergine Bloom color palette (#EDE0CC, #1069AE, #3F2287, #391B00, #041238)

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