Cobalt Loft color palette — #F7EAF0 · #8ACEF6 · #5687CD · #006B6F · #27294F

Built around Azure, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Sky (#8ACEF6): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#5687CD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006B6F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#27294F): 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

• Dusty Iris Hollow color palette (#F0F8EF, #AFDAFF, #7492DF, #227885, #313858)
• Washed Cerulean Cabin color palette (#F6EAF2, #8DD3D1, #0096AF, #1C6E46, #043249)
• Weathered Azure Loft color palette (#FBF4EA, #CBEBFF, #5096DE, #006876, #0A1948)
• Weathered Sapphire Delta color palette (#F9EAF0, #81B9DA, #3C64B5, #00504B, #2F2650)
• Mallow Dune color palette (#D9EFFF, #C9D1FF, #CA9DDC, #2C818D, #233653)
• Antique Veranda color palette (#D0EBEC, #00ABC7, #0085B4, #024F96, #1A2A5D)
• Powder Courtyard color palette (#FCF2F6, #DBDEED, #9CB2DB, #5F8EA0, #4C5264)
• Sapphire Alley color palette (#D3E7FF, #74B0FF, #2572D9, #004477, #001428)

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