Cobalt Loft color palette — #F3DCF5 · #2080D7 · #965400 · #003D6F · #030100

A conversation between Azure and Ochre, giving this palette its sense of trust and stability.

The five colors

• Thistle (#F3DCF5): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#2080D7): A full-bodied, balanced blue — the color of open sky before noon.
• Ochre (#965400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003D6F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Timeworn Chestnut Orchard color palette (#CCEEDD, #008BB2, #995200, #004257, #030100)
• Nightshade Studio color palette (#EADCE7, #4B72F0, #846000, #1400B5, #020100)
• Feathered Aubergine Archive color palette (#FAEAF4, #585CC4, #5A5800, #22007F, #010100)
• Pale Ultramarine color palette (#E4F0FF, #005EB3, #753900, #002C5A, #1D0900)
• Faded Plum color palette (#D3EFE1, #008AB4, #BE0050, #004258, #040001)
• Frosted Parlor color palette (#D2E2FF, #1C5ADA, #844600, #544000, #000108)
• Hazy Aubergine Market color palette (#F7D9E8, #8F72EE, #4E6E00, #3C0088, #010100)
• Hushed Mulberry color palette (#D5E5F8, #005BAA, #840057, #002953, #090004)

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