Deep Loft color palette — #F5E9DF · #5E3300 · #003852 · #1C1843 · #040100

Cocoa and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5E9DF): bright and airy, almost weightless.
• Cocoa (#5E3300): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#003852): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1C1843): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

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

• Garnet Garden color palette (#EEDCDA, #7B0306, #003B3F, #0E2036, #070000)
• Cellar Nightshade color palette (#F0E7C8, #4D3E00, #0F019F, #250067, #030200)
• Quiet Denim color palette (#F2E0D3, #844500, #004D91, #322B6E, #040100)
• Chestnut Villa color palette (#CBEBD9, #7B5700, #282832, #181500, #030200)
• Airy Aubergine Garden color palette (#E6EDDD, #3D5600, #550096, #4F005B, #050900)
• Cobalt Orchard color palette (#E8DFF2, #007DB4, #845B00, #00120E, #000300)
• Misty Amber color palette (#F7DDE9, #A79124, #397934, #5D0514, #110800)
• Pale Denim Lantern color palette (#DFEBE0, #8E6100, #005FAB, #4C3C8E, #0B260E)

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