Cobalt Loft color palette — #E1F7F5 · #A4D8F5 · #338AC3 · #005F74 · #002647

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

The five colors

• Ivory (#E1F7F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#A4D8F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#338AC3): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005F74): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002647): A deep, shadowed, dusty 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

• Weathered Lagoon color palette (#E6F6F2, #A2D0DD, #048C95, #005C51, #00262C)
• Cobalt Garden color palette (#DBF9F7, #8AC3EB, #0075C4, #004E65, #00183C)
• Cerulean Pier color palette (#D2E7E5, #4095B8, #004F72, #002A33, #00050C)
• Aged Cypress Coast color palette (#EBF4F2, #CADEF0, #6CA8AA, #3D776A, #173B48)
• Ancient Periwinkle color palette (#FDF2F7, #D6D4E0, #7AB1F6, #008789, #282D68)
• Dusty Crimson Cabin color palette (#F2DBFF, #A959D1, #D32341, #0065A6, #230A2F)
• Grape Thicket color palette (#EEF1FF, #9D7DFF, #009598, #652FC6, #002627)
• Washed Mallow Chapel color palette (#F0F0FF, #FFCFE1, #F1A4D6, #7F69AA, #381D40)

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