Twilit Harbor color palette — #CCECE2 · #005A8B · #272C33 · #031938 · #000705

Peacock and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CCECE2): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#005A8B): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#272C33): a grounded near-black with real depth.
• Midnight (#031938): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, 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

• Cypress Studio color palette (#E7F3E7, #006262, #2D2A21, #001F23, #000800)
• Velvet Lantern color palette (#EBD8ED, #2466AC, #321C2F, #150517, #000302)
• Cobalt Studio color palette (#D2E0ED, #0078B9, #103260, #00172C, #01050A)
• Antique Archive color palette (#E9EAE0, #96BFA3, #007792, #004B4D, #001924)
• Midnight Nightshade Corridor color palette (#F4DDED, #3B3DC0, #191335, #1D0F0C, #0F000B)
• Inked Aubergine color palette (#FFE8ED, #333F42, #440053, #210D0D, #060005)
• Forest Quarry color palette (#DFE1CF, #689B78, #006545, #00433A, #101400)
• Washed Driftwood color palette (#F9E8ED, #9076A7, #4B3439, #2B181E, #110A0D)

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