Cobalt Loft color palette — #EDDBE9 · #57C2CE · #008EC3 · #007145 · #000C3F

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EDDBE9): A whisper-light, dusty pink — the color of a candy shop window.
• Cyan (#57C2CE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008EC3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007145): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cornflower Ridge color palette (#F5E7ED, #49BDF2, #417FE6, #006E64, #150639)
• Washed Turquoise color palette (#F8EEDF, #00B6C7, #00728C, #004B42, #001623)
• Dusty Petrol color palette (#DDF4F0, #7AC5CE, #007487, #003E3C, #000305)
• Sky Villa color palette (#F7EAF6, #94E3E9, #1CB3EA, #2C945A, #192E4E)
• Linen Rose Hollow color palette (#F1D7ED, #FD2E3A, #008FA7, #BA001D, #001318)
• Denim Ridge color palette (#ECDBD3, #6F9479, #00516C, #002D22, #00040E)
• Crimson Harbor color palette (#F2DEDC, #EA0031, #007FAC, #3D5A97, #170001)
• Powder Veranda color palette (#FCF2F6, #D6DFF6, #9DBFF5, #6AA59C, #40465F)

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