Cobalt Loft color palette — #E5F7F0 · #2B85B8 · #4A3444 · #1C2D27 · #0F1716

Cerulean and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5F7F0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2B85B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4A3444): A deep, shadowed, dusty pink — the color of a candy shop window.
• Deep Forest (#1C2D27): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0F1716): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Dusty Indigo color palette (#FAEEF5, #7770C3, #523239, #30252B, #191315)
• Lagoon Orchard color palette (#EDF4EC, #1F8E89, #284337, #222C21, #121714)
• Softworn Azure color palette (#E2F8F0, #50A4DD, #625263, #2E3B37, #1D2320)
• Powder Dune color palette (#E8F4FD, #74C0F4, #707C8E, #4B5660, #1B2327)
• Muted Sapphire Coast color palette (#F8E9F7, #005DDF, #311B56, #231022, #04160F)
• Antique Studio color palette (#FFF0F9, #8E91CF, #9B8940, #547F47, #4E3C47)
• Deep Ultramarine color palette (#FCE6F6, #3139CB, #250939, #130310, #000404)
• Washed Quarry color palette (#FEF1F8, #AAA9E2, #C38D3E, #6C68B0, #514C46)

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