Cobalt Loft color palette — #EBF8F8 · #9ACBF5 · #427BBA · #065B7A · #273A5C

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Sky (#9ACBF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#427BBA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#065B7A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#273A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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 Lagoon color palette (#EBF8F6, #82D5DA, #008798, #00605A, #004250)
• Patina Chapel color palette (#F9F4ED, #AEE1D1, #7297CD, #007890, #2F375E)
• Dusty Veranda color palette (#D3ECE9, #369EB7, #005269, #002F33, #001623)
• Powdered Grove color palette (#DBF5EE, #719E2A, #0085AB, #426200, #023B4E)
• Muted Station color palette (#DEF3F2, #5784B3, #003782, #002031, #01012D)
• Softworn Periwinkle Market color palette (#FDF2F6, #C9E4FB, #95ADFF, #00A0A0, #403259)
• Pale Archive color palette (#C1F0E9, #2C9124, #007B88, #78520C, #0D322E)
• Wandering Station color palette (#DAFEF9, #A6E8BE, #63C3AA, #5F7947, #1D4845)

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