Cobalt Loft color palette — #F7F0E9 · #A7D2C6 · #6A74C0 · #005B5F · #2A133F

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F0E9): bright and airy, almost weightless.
• Oat (#A7D2C6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6A74C0): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2A133F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Villa color palette (#F7F0ED, #B6CFBC, #2385B4, #005F3B, #101F3F)
• Wandering Sapphire color palette (#FFEEE2, #84C5E9, #3C6CCE, #00524C, #1F004C)
• Softworn Iris Parlor color palette (#FEF1F5, #B2D9FD, #808EE1, #007B80, #363658)
• Indigo Studio color palette (#E9D9E4, #6773C8, #A25900, #6A5400, #0D0F30)
• Navy Grove color palette (#CCEEEA, #3BA3C3, #0074A9, #1E389D, #271A47)
• Dusty Courtyard color palette (#DCFAF1, #DAD5FF, #EA98B7, #008186, #371D32)
• Muted Denim Corridor color palette (#F7E7DE, #5D93A5, #004B83, #002D23, #03001B)
• Patina Navy Chapel color palette (#E9F1FF, #83A6E5, #4060AF, #002874, #060033)

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