Twilit Harbor color palette — #E0EDF7 · #00628E · #500020 · #002032 · #060001

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

The five colors

• Frost (#E0EDF7): bright and airy, almost weightless.
• Peacock (#00628E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#500020): A deep, shadowed, balanced red — the color of embers at dusk.
• Midnight (#002032): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Lowlit Ultramarine Atelier color palette (#F3E8F2, #1251B4, #4E0039, #001A4A, #040002)
• Aubergine Villa color palette (#D7EDF2, #006966, #410053, #002322, #02000C)
• Onyx Balcony color palette (#C5EDEA, #004C85, #3E0042, #001204, #020017)
• Deep Harbor color palette (#D9EEFE, #004261, #22252C, #390D00, #000C09)
• Onyx Alley color palette (#DCE1EF, #4D4EA5, #3D2000, #18005C, #040100)
• Faded Brick color palette (#EEF6FF, #3AA8FF, #B81C2A, #005993, #2A1329)
• Inked Ultramarine color palette (#CEEEFF, #3750B7, #410062, #1F0014, #090001)
• Gentle Nightshade color palette (#EFF6FF, #7797DF, #854F00, #2245A7, #271019)

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