Ultramarine Loft color palette — #F8DFF2 · #617BEC · #8D7100 · #2F3AC3 · #221900

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

The five colors

• Blush (#F8DFF2): A whisper-light, dusty pink — the color of peonies in June.
• Periwinkle (#617BEC): A luminous, vivid violet — the color of a velvet chair.
• Ochre (#8D7100): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#2F3AC3): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#221900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Grape Corridor color palette (#FFE3EF, #946ADF, #857500, #670ABE, #201B00)
• Muted Nightshade color palette (#E8F0FF, #5065BC, #695900, #1F00AA, #211A00)
• Worn Balcony color palette (#FAE2F4, #92AAFF, #B38803, #363BE5, #241900)
• Quiet Balcony color palette (#E0F0FF, #019AE9, #6C8600, #005280, #060900)
• Indigo Pier color palette (#E3E6F5, #5958F6, #786900, #3E5C1E, #0B0935)
• Bronze Courtyard color palette (#D6F5E2, #0096B2, #956D00, #005D6F, #251800)
• Dusty Grape Bloom color palette (#FFD8EB, #B29EFF, #4AA400, #6900DA, #143700)
• Powdered Alley color palette (#C8E8D9, #0093C1, #CC3700, #005B79, #360800)

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