Twilit Harbor color palette — #C9F8F7 · #006D7A · #003E4A · #001C2A · #00030A

Teal and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C9F8F7): A whisper-light, dusty teal — the color of sea glass.
• Teal (#006D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001C2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00030A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

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

• Smoked Field color palette (#DBEFFF, #0071B1, #003F5F, #001320, #000103)
• Cocoa Coast color palette (#CAF1DE, #006482, #7C2C00, #002F3E, #080100)
• Cerulean Cabin color palette (#CCEAE9, #008E9A, #005D72, #003C57, #001428)
• Charred Delta color palette (#CFE7D2, #007046, #004435, #001E1B, #000606)
• Airy Onyx Veranda color palette (#CAEEFC, #00679C, #00396F, #06005A, #040022)
• Onyx Dune color palette (#D1FBED, #007775, #004356, #002445, #08064B)
• Weathered Indigo Loft color palette (#DAEAE4, #77A4DF, #7461CE, #00454D, #00050D)
• Garnet Courtyard color palette (#DCF1FE, #005070, #730043, #2E3200, #000103)

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