Ultramarine Loft color palette — #D2E2F7 · #004FC8 · #574800 · #002364 · #040300

Built around Cobalt, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Frost (#D2E2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cobalt (#004FC8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#574800): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002364): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.

Use it as a design system

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

• Worn Denim color palette (#E0F1FF, #00628E, #5C4600, #002D45, #040200)
• Quiet Ultramarine color palette (#DEECFF, #0047E6, #005A40, #001C7B, #00140C)
• Wandering Garden color palette (#E1E2F5, #752FB0, #544A00, #3B0062, #040300)
• Smoked Ultramarine color palette (#E3ECFF, #0F08D9, #533900, #1A3210, #00000C)
• Hazy Nightshade Station color palette (#EDD8EA, #2D66FE, #806100, #0223BF, #160E00)
• Aged Garnet color palette (#DDF3FF, #00657D, #8D030B, #002F3C, #0B0000)
• Washed Lapis color palette (#D0F0E3, #8F6600, #501EFC, #12021E, #000009)
• Worn Orchard color palette (#DAE3FB, #A586E4, #BD4595, #003D54, #050223)

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