Ultramarine Loft color palette — #F6E0F2 · #5C82FF · #A77400 · #2B3FF3 · #180D00

Cobalt and Periwinkle set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F6E0F2): A whisper-light, dusty pink — the color of neon signs at night.
• Periwinkle (#5C82FF): A luminous, vivid violet — the color of twilight just after sunset.
• Ochre (#A77400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#2B3FF3): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#180D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Aged Nightshade Orchard color palette (#EFD8E7, #8D93FF, #848702, #4418D1, #101100)
• Washed Indigo Study color palette (#DDE4F2, #436CFF, #976C00, #476D29, #01002A)
• Worn Azure color palette (#E0F2EC, #0096DC, #A37700, #00699C, #170E00)
• Muted Nightshade color palette (#D9E4F4, #2E6AF4, #007957, #0025BE, #00140C)
• Aubergine Terrace color palette (#F1E1E8, #9B72F8, #5E7F02, #5100A3, #040700)
• Worn Market color palette (#DDE3FF, #9FAFFF, #CBB120, #606AF3, #362E00)
• Dusty Indigo Pier color palette (#F0DECA, #00B268, #6951E6, #1E1946, #060003)
• Gentle Nightshade Bloom color palette (#F1DCED, #4873EE, #BD0059, #0E00B7, #040001)

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