Cobalt Loft color palette — #EBF5ED · #A5D9ED · #248BC5 · #006165 · #00244C

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

The five colors

• Cream (#EBF5ED): bright and airy, almost weightless.
• Powder Blue (#A5D9ED): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#248BC5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006165): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#00244C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Aged Cobalt color palette (#E6F7E9, #8DC4DF, #0077BC, #005058, #001642)
• Sunlit Cornflower Corridor color palette (#FFF2EA, #8ADBF8, #0081E2, #006856, #383A67)
• Timeworn Denim color palette (#DDEBE0, #5894A6, #005070, #002C2B, #00040E)
• Weathered Petrol Market color palette (#EEF4EF, #D6DAEB, #859EBE, #11778C, #2A364D)
• Pale Mint color palette (#C8FFF5, #2BCEB6, #007F75, #004139, #001813)
• Jade Orchard color palette (#E4F4DB, #4CAD60, #007E4F, #005644, #002F2C)
• Gentle Amethyst Meadow color palette (#BAF3E2, #00987F, #824FDF, #944A00, #001E17)
• Feathered Pine Archive color palette (#D8F9FD, #B0E0FA, #75C9F7, #1E8C4C, #00322D)

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