Ultramarine Loft color palette — #F9D9F1 · #2D15D6 · #433D00 · #1C1900 · #00000B

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

The five colors

• Thistle (#F9D9F1): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#2D15D6): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#433D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#1C1900): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, 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

• Twilit Denim Lagoon color palette (#F5E2F7, #004E90, #4C3900, #201700, #000104)
• Aubergine Garden color palette (#EEE4FF, #6700AE, #184800, #061F00, #020006)
• Inked Nightshade color palette (#F3E5EF, #3C00CD, #232500, #141C21, #020B00)
• Charred Veranda color palette (#E0EAFF, #26218B, #3E2300, #0D1600, #01000F)
• Sapphire Hollow color palette (#EEE0EB, #4557E6, #706100, #514600, #010010)
• Inked Grape color palette (#E8E7D2, #6F37D1, #5D0039, #001109, #030005)
• Feathered Parlor color palette (#F5E4F0, #5661FF, #6F0041, #1C0083, #050000)
• Aubergine Delta color palette (#E7DADF, #D0B2B6, #A88986, #472574, #040001)

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