Nocturne Harbor color palette — #F2E1E9 · #B45C61 · #2C0567 · #0B0026 · #080004
Deep Indigo and Brick set the tone — five colors that lean into creativity and depth.
The five colors
- Rose Water (#F2E1E9): A whisper-light, dusty rose — the color of strawberry cream.
- Brick (#B45C61): A full-bodied, balanced red — the color of a theater curtain.
- Deep Indigo (#2C0567): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#0B0026): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Depth, Luxury. Tagged luxury, dark.
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
- Rust Studio color palette (#FFE6EC, #AB493B, #2F0040, #170A01, #0A0011)
- Airy Corridor color palette (#F7E4E9, #9258B9, #710051, #4A006B, #0B0006)
- Worn Field color palette (#FBDBE0, #D67258, #620066, #300032, #22030B)
- Coral Market color palette (#EBEEFF, #FF7270, #7051B0, #3E2C63, #010110)
- Aubergine Grove color palette (#EED8E5, #728200, #250079, #060026, #040002)
- Aged Field color palette (#ECD9D5, #BF7943, #690024, #31000C, #0E0500)
- Gentle Mulberry Thicket color palette (#F2DEED, #B8578F, #84004D, #4C001C, #2F0009)
- Nightshade Summit color palette (#DEE5F7, #899E1D, #3A2B9F, #160551, #01020D)
Browse the whole catalog at Explore, or see today's palette.