Cerulean Loft color palette — #EBF5ED · #98D4D6 · #008BA1 · #005D4C · #002437

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

The five colors

• Cream (#EBF5ED): bright and airy, almost weightless.
• Ice Blue (#98D4D6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008BA1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002437): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Ancient Thicket color palette (#FEF3ED, #B2CDB4, #1D859F, #026342, #0B3E5E)
• Cobalt Orchard color palette (#EAF5EC, #A0CDF6, #557AC1, #00586E, #131F3C)
• Hushed Chapel color palette (#E1EEE3, #008894, #004352, #00201B, #000103)
• Muted Hollow color palette (#F5F6EB, #C2DDC4, #4CA4B0, #007D73, #1E432E)
• Turquoise Hollow color palette (#D7E9DB, #1DAFC3, #00617C, #003A35, #000C17)
• Wandering Turquoise color palette (#FAF2FA, #CBDBF5, #58B3D6, #457D53, #172F4B)
• Linen Magenta color palette (#EAE6F6, #BD3AB6, #876A00, #006774, #160F25)
• Worn Fuchsia color palette (#EAE5FF, #D277DD, #008439, #733B7A, #00240A)

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