Midnight Ultramarine Loft color palette — #FFDBD9 · #005DB3 · #12640B · #020D09 · #010100

A conversation between Cobalt and Pine, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDBD9): A whisper-light, dusty orange — the color of toasted spice.
• Cobalt (#005DB3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#12640B): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#020D09): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Depth, Luxury. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Nocturne Harbor color palette (#F5DEEA, #006A7B, #565600, #080D07, #020100)
• Washed Sapphire color palette (#FBDEE2, #4267FF, #1C8612, #00100B, #000202)
• Lapis Harbor color palette (#F8D4D6, #570DF4, #00623E, #030C0C, #010100)
• Aged Terrace color palette (#ECDED0, #B200B5, #006E7A, #050C12, #000200)
• Lowlit Cypress color palette (#DAF3EC, #006363, #002E39, #00101A, #000105)
• Spruce Study color palette (#E7EFE5, #829285, #557364, #00322C, #000200)
• Moonless Chestnut Courtyard color palette (#E2E6D5, #705300, #272F36, #001A06, #000200)
• Hazy Byzantium color palette (#FDEAEF, #B800C7, #696800, #080E07, #000201)

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