Cobalt Loft color palette — #F4E1C9 · #B17A00 · #0076BF · #664500 · #00172C

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

The five colors

• Parchment (#F4E1C9): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B17A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#0076BF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#664500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#00172C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Faded Ember Studio color palette (#FFEAE1, #D95900, #007F96, #7E3000, #001A20)
• Lapis Courtyard color palette (#EAE0CE, #A48100, #594CFF, #5E4900, #10004B)
• Cobalt Coast color palette (#FFDFB2, #E3A129, #007FD5, #8C5F00, #002F54)
• Grape Field color palette (#F7E3CF, #A06100, #006BA0, #5E21B9, #190A00)
• Pale Lagoon color palette (#FDE0B3, #AD7A00, #00836C, #684700, #00372C)
• Wandering Hollow color palette (#F9F3D2, #A4B226, #3F64EE, #596200, #0A1755)
• Worn Lantern color palette (#F7F1E8, #CAAF7E, #8499DA, #8F6B1A, #3E293A)
• Hushed Byzantium Corridor color palette (#EDEAD3, #8EAE3B, #9745A6, #495E00, #2C0C32)

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