Midnight Ultramarine color palette — #DFEBFF · #2B00DD · #1D3C00 · #102500 · #000C0B

Cobalt takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DFEBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#2B00DD): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#1D3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#102500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged jewel, vibrant, dark.

Use it as a design system

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

• Deep Nightshade color palette (#D6E0F0, #1200C5, #3C2500, #191700, #000909)
• Misty Grape color palette (#E8EAFF, #7500C2, #283F00, #002715, #001013)
• Lapis Market color palette (#D1E5DB, #4B4ED7, #700045, #002C23, #1D0C2E)
• Inked Aubergine Dune color palette (#DCDEF6, #5F0086, #092A00, #021100, #000203)
• Smoked Ridge color palette (#E1F3FF, #004F7B, #452900, #241400, #000705)
• Petrol Studio color palette (#D3EAFB, #007091, #535200, #003F19, #000909)
• Washed Grape color palette (#E6E4FF, #841AA6, #00474D, #002358, #01122B)
• Tempered Aubergine Workshop color palette (#E2E3EB, #BCB5C9, #9B869D, #4C3379, #1C1E2F)

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