Twilit Harbor color palette — #D8F8E1 · #00705D · #003D3C · #001A1E · #02050F
Built around Pine, softened by Deep Teal — the whole palette hums with sophistication and depth.
The five colors
- Honeydew (#D8F8E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001A1E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#02050F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Sophistication, Depth, Luxury. Tagged 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
- Petrol Boulevard color palette (#CFEDF4, #007485, #4E4D44, #002F36, #000A0F)
- Velvet Garden color palette (#EAE8D6, #4A6F00, #003F0C, #00190F, #000507)
- Eclipse Garnet Quarry color palette (#CDE7F1, #005D63, #760032, #002629, #130004)
- Muted Indigo color palette (#D8F6FF, #1C9CC6, #6361B4, #00432C, #001115)
- Ancient Crimson color palette (#DCE8D1, #D7004A, #007276, #090F15, #000203)
- Garnet Archive color palette (#DBEFF0, #00494B, #650021, #421100, #000202)
- Cerulean Market color palette (#CCF8FB, #00869D, #005070, #002A56, #24043C)
- Velvet Atelier color palette (#FDE5D6, #785000, #461F00, #280001, #000502)
Browse the whole catalog at Explore, or see today's palette.