Twilit Harbor color palette — #F2DFEA · #6145EA · #371E3E · #1C0715 · #060206
A conversation between Iris and Deep Indigo, giving this palette its sense of creativity and energy.
The five colors
- Rose Water (#F2DFEA): A whisper-light, dusty pink — the color of a candy shop window.
- Iris (#6145EA): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#371E3E): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#1C0715): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#060206): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.
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
- Inked Grape color palette (#F9E3EB, #784BA5, #3A1A1C, #18060D, #050103)
- Deep Cobalt Basin color palette (#F9E0FC, #006DBF, #28224B, #1A081C, #000502)
- Tempered Indigo Delta color palette (#E4EBFF, #796CFC, #56375F, #222146, #08121E)
- Aubergine Field color palette (#F4D9E0, #670085, #20180D, #220011, #050001)
- Muted Alley color palette (#FAE9E7, #B96480, #612900, #281A18, #110A0B)
- Midnight Mulberry Meadow color palette (#F7E5E4, #A2006C, #3B0A0A, #1F1C0C, #180001)
- Magenta Station color palette (#FED5FD, #D759D8, #1B780B, #00655C, #2B042B)
- Byzantium Balcony color palette (#EBEFFF, #AC8AFF, #9349C2, #6D0A6E, #4E002F)
Browse the whole catalog at Explore, or see today's palette.