Cobalt Loft color palette — #FBF2FB · #E7D7D7 · #B0AF9F · #467FCB · #311C31

Azure takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Silver (#E7D7D7): a clean, paper-quiet neutral.
• Ash (#B0AF9F): A luminous, dusty green — the color of a quiet forest floor.
• Azure (#467FCB): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#311C31): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Hollow color palette (#EAFAF1, #EAD5D1, #B1A794, #008BAE, #152A20)
• Softworn Iris color palette (#FBF2F7, #E5D8D4, #A9B6AC, #8F87CE, #412E39)
• Patina Meadow color palette (#FDF2F6, #E4D8D3, #CFBEAC, #8265AD, #2B1720)
• Tempered Ultramarine color palette (#F9EEF8, #E6CBDA, #CA9CAD, #1F4EC5, #241322)
• Aged Archive color palette (#ECE1E8, #CCB3B9, #A78A87, #302E7E, #040002)
• Tempered Emerald color palette (#FFF3E5, #C8CA6C, #3C943F, #704674, #202000)
• Ash Hollow color palette (#E5F9FF, #B7C6FF, #BB7FA6, #006B59, #00392E)
• Violet Terrace color palette (#FFE6F3, #8253FF, #47123C, #090120, #030004)

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