Midnight Harbor color palette — #FFDAE8 · #A9004D · #5C000E · #330100 · #0E0600

Raspberry and Espresso set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFDAE8): A whisper-light, dusty rose — the color of strawberry cream.
• Raspberry (#A9004D): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#5C000E): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#330100): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0E0600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Warmth, Comfort, Depth, Luxury. Tagged dark, warm.

Use it as a design system

One click turns Midnight 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

• Faded Brick color palette (#F5E5E7, #C44757, #B10028, #7D0501, #1D0300)
• Washed Hollow color palette (#FFEBE2, #9B030F, #00474D, #440103, #000809)
• Moonless Mulberry color palette (#FAE4FF, #A30089, #550039, #300012, #180003)
• Eclipse Terracotta Balcony color palette (#F6DDD9, #923100, #522300, #201000, #050500)
• Quiet Corridor color palette (#F5E5E2, #CF8D57, #8E6D00, #5A0A25, #1B0500)
• Navy Grove color palette (#F6D9D2, #751600, #003F1F, #16076C, #060000)
• Gentle Scarlet color palette (#FCEAEB, #F03724, #A43600, #5F2D00, #2F2A00)
• Muted Meadow color palette (#EFD9C9, #935E00, #4D3900, #262100, #111200)

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