Nocturne Coast color palette — #F0DDE5 · #6A3500 · #2E2C1D · #160D00 · #070200

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F0DDE5): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6A3500): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#2E2C1D): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#160D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne Coast 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

• Hushed Bronze Balcony color palette (#FFECDD, #B65F00, #573D00, #2C1804, #050100)
• Lowlit Atelier color palette (#F4E0F2, #860015, #2B1A10, #1D0700, #0B0000)
• Softworn Chestnut color palette (#EFDACA, #954800, #3E4C44, #2A2400, #130600)
• Velvet Fern Corridor color palette (#DAEBE7, #376200, #332D33, #002111, #040C00)
• Lowlit Spruce Market color palette (#CCE7DB, #6A6257, #2F3000, #121E1A, #010600)
• Hushed Driftwood color palette (#EBF5EF, #887E42, #2D413C, #1E2C24, #0F1715)
• Dusty Meadow color palette (#D3EEDE, #695A00, #005769, #6B0059, #161100)
• Aged Corridor color palette (#DEF1E0, #867B37, #414A00, #570C22, #201B00)

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