Nocturne Harbor color palette — #F1DAE3 · #C60060 · #7E0404 · #240800 · #030100
A conversation between Magenta Rose and Oxblood, giving this palette its sense of warmth and comfort.
The five colors
- Shell Pink (#F1DAE3): A whisper-light, dusty rose — the color of strawberry cream.
- Magenta Rose (#C60060): A full-bodied, vivid red — the color of late-summer berries.
- Oxblood (#7E0404): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#240800): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#030100): a grounded near-black with real depth.
Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, vibrant, warm.
Use it as a design system
One click turns Nocturne 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
- Quiet Orchard color palette (#F8DDE3, #DA0D0A, #702E00, #231000, #020100)
- Misty Brick color palette (#EFD8E9, #CA3F6A, #A70022, #5C2100, #170A00)
- Wandering Raspberry color palette (#EDE4F2, #B900AA, #7F0046, #30000A, #040000)
- Terracotta Atelier color palette (#FFDFD7, #992300, #00505A, #00374A, #040000)
- Weathered Workshop color palette (#FFE8E0, #B53D00, #006161, #4E1500, #000202)
- Crimson Dune color palette (#F1E1F5, #009499, #D50038, #0F0401, #030003)
- Lowlit Chestnut Atelier color palette (#FFE7E1, #985300, #513300, #1B1200, #010100)
- Dusty Market color palette (#FFEAE5, #FBA932, #949200, #72254F, #030100)
Browse the whole catalog at Explore, or see today's palette.