Cobalt Loft color palette — #E7F4FF · #0E7DC0 · #733B72 · #5E2900 · #183400

Cerulean and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0E7DC0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#733B72): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#5E2900): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#183400): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

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

• Powdered Cobalt color palette (#EAF3FF, #4473CD, #892D55, #483900, #003330)
• Tempered Pier color palette (#E1F6FF, #008699, #5A428F, #6C1320, #322C00)
• Washed Nightshade Villa color palette (#E2F0F8, #1C88A9, #4B479D, #3A3500, #001720)
• Timeworn Corridor color palette (#E4F2FF, #94A1C0, #727090, #694855, #4E4719)
• Frosted Denim Coast color palette (#D5E1F0, #0055A9, #66003D, #281E00, #001614)
• Worn Teal Market color palette (#E9F9F7, #6EAA8C, #267164, #275162, #0F3D3E)
• Plum Veranda color palette (#E4DDF3, #9E3794, #693800, #003814, #002236)
• Antique Cobalt color palette (#EFF8F0, #A1CBE7, #397EB2, #005F66, #253B5D)

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