Midnight Abyss color palette — #D1F2FC · #005F62 · #3D363D · #001B2A · #000303

Peacock and Midnight set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#D1F2FC): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005F62): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3D363D): quiet, heavy and certain.
• Midnight (#001B2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000303): a grounded near-black with real depth.

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

Use it as a design system

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

• Weathered Cypress Coast color palette (#D3F2F4, #007980, #003944, #1A1B22, #00090D)
• Timeworn Cobalt color palette (#D8E4F7, #567CD2, #3A3C5D, #162234, #050E15)
• Denim Meadow color palette (#E5F1FC, #00568E, #150D40, #13121A, #000308)
• Patina Pier color palette (#E7F4FC, #45AAC7, #4A596D, #2A3B43, #1B2325)
• Dusty Terracotta color palette (#D6EDFF, #0080BA, #A54500, #004A6E, #1F0700)
• Fern Parlor color palette (#FCDEE8, #94833B, #485B00, #004332, #140F00)
• Ultramarine Canyon color palette (#F5E8EF, #75AAC5, #0066BD, #004A4A, #0B0640)
• Dusty Terracotta Grove color palette (#D4E4F9, #0064C2, #A42300, #624400, #000718)

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