Midnight Loft color palette — #CEEFF1 · #007E61 · #002F3A · #001415 · #000503

Built around Teal, softened by Deep Forest — the whole palette hums with sophistication and depth.

The five colors

• Frost (#CEEFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007E61): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002F3A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001415): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Petrol Balcony color palette (#D0EEFE, #00788E, #112657, #00131C, #000405)
• Twilit Olive color palette (#D5F7EC, #607500, #003225, #00150F, #010501)
• Charred Forest Corridor color palette (#D5E6E8, #006357, #37383F, #001D29, #000708)
• Worn Lagoon color palette (#DFEBD4, #009D7C, #064D5D, #1E2B11, #121208)
• Wandering Bronze Lagoon color palette (#B1F4EE, #009690, #AE5C00, #8D5100, #001D1B)
• Dusty Cypress color palette (#E2F8ED, #83B784, #007D6C, #524F00, #002724)
• Worn Cobalt Meadow color palette (#E7EEF6, #4788C0, #363A4E, #171F27, #080D10)
• Teal Coast color palette (#DEEDDF, #00B39C, #007B84, #00546B, #002347)

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