Cobalt Loft color palette — #F7ECE3 · #A5CFBD · #5885D2 · #006D63 · #2D2554

Azure takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Pistachio (#A5CFBD): A luminous, dusty teal — the color of glacier melt.
• Azure (#5885D2): A luminous, balanced violet — the color of wild irises.
• Teal (#006D63): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#2D2554): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Airy Cornflower color palette (#FFF2E9, #7ED8FF, #488CE8, #007466, #30246B)
• Gentle Hollow color palette (#FCEAE5, #8AD4D0, #0095B6, #0E711D, #002F55)
• Tempered Petrol Meadow color palette (#E9F1EA, #94B6CF, #266BA8, #004E58, #172B58)
• Hazy Alley color palette (#FFF2ED, #A7E8ED, #00A9E1, #00884C, #203F6F)
• Muted Station color palette (#F4EEE4, #9FDCFF, #57AAF7, #008E9F, #182B56)
• Violet Atelier color palette (#E6DEC2, #ADB228, #8E55C5, #666900, #361353)
• Petrol Lagoon color palette (#F9E4D9, #6CADBD, #006BA8, #004C38, #090345)
• Wandering Spruce color palette (#EBDAD6, #52A29E, #006278, #033F09, #000A18)

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