Twilit Harbor color palette — #F6E1DB · #B92043 · #413E00 · #001A1A · #010008

A conversation between Ruby and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F6E1DB): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#B92043): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#413E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001A1A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Lowlit Corridor color palette (#F7E2D4, #A64600, #064909, #001727, #040003)
• Lowlit Dune color palette (#F8D6D6, #AC2184, #563200, #001C08, #000103)
• Moonless Garnet color palette (#FCE9FC, #8D002C, #2E2C00, #001819, #090021)
• Muted Garnet Cabin color palette (#FFE2D6, #645F67, #940605, #1F1B0D, #0D0300)
• Timeworn Drift color palette (#F6E3E0, #D75A00, #733C00, #362000, #050300)
• Timeworn Chestnut Lagoon color palette (#FFDFDE, #B68268, #825B12, #003C3D, #000810)
• Dusty Magenta Delta color palette (#F3D9DB, #D027B9, #007842, #00486D, #000812)
• Ancient Delta color palette (#FEF1D8, #937700, #005B4B, #002154, #050003)

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