Midnight Lapis color palette — #F5E1ED · #5D4DDE · #352953 · #060122 · #050004

A conversation between Iris and Navy, giving this palette its sense of creativity and energy.

The five colors

• Blush (#F5E1ED): A whisper-light, dusty pink — the color of a candy shop window.
• Iris (#5D4DDE): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#352953): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#060122): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#050004): 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 Midnight Lapis 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

• Byzantium Ridge color palette (#F9D7E0, #9C03D1, #452346, #0F0018, #040100)
• Nightshade Grove color palette (#EED8E6, #432ACB, #260633, #070D12, #020013)
• Cobalt Veranda color palette (#D4F2EA, #006DBA, #1D3158, #1C1F27, #000714)
• Pale Violet color palette (#FFE4F1, #9972FF, #684887, #372B5A, #10030B)
• Charred Aubergine Chapel color palette (#DFE2FF, #310097, #2B131A, #09001D, #070000)
• Timeworn Peony Basin color palette (#FFE6E8, #C363AD, #6D4558, #43223B, #0B0203)
• Scarlet Corridor color palette (#ECDEF3, #A455C5, #D2243C, #0069B2, #100018)
• Pale Fuchsia Courtyard color palette (#F7DCE0, #DA71DF, #855576, #523653, #1B0D11)

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