Cobalt Loft color palette — #F6E6DE · #67C0D2 · #007CB9 · #005C41 · #101A48

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

The five colors

• Rose Water (#F6E6DE): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#67C0D2): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007CB9): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#101A48): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Wandering Sapphire Villa color palette (#F8EDE3, #7AB9E5, #4264ED, #005957, #24143F)
• Wandering Cobalt color palette (#FEF0FA, #89DAEB, #0084B7, #005345, #000C23)
• Muted Bloom color palette (#DFEAE1, #58ACBE, #00607E, #003E3A, #002138)
• Wandering Cerulean Thicket color palette (#E2E4D6, #84CDDD, #00A2C7, #007C81, #002331)
• Cornflower Balcony color palette (#FFF3E6, #9BD1FF, #687DFF, #007274, #3B2558)
• Frosted Byzantium Veranda color palette (#EDDFEE, #AC36BC, #007972, #005B6E, #200324)
• Hushed Alley color palette (#FEF3EC, #9AE9FF, #22A2FC, #008568, #333B6B)
• Washed Sky Corridor color palette (#FBF3F1, #C0E2E8, #6ABEDE, #63946C, #5E4B5F)

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