Cerulean Loft color palette — #E1F7F3 · #8FE0E5 · #0093A5 · #00635D · #002A34

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

The five colors

• Ivory (#E1F7F3): A whisper-light, dusty teal — the color of sea glass.
• Ice Blue (#8FE0E5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0093A5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002A34): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Lagoon Study color palette (#D1EBE6, #359B9C, #00545B, #002C27, #000507)
• Aqua Delta color palette (#DEF9F4, #62CDDC, #007F95, #005151, #001E28)
• Petrol Hollow color palette (#EAF4F4, #BFE1FF, #6D90BB, #266683, #1B2C45)
• Denim Studio color palette (#D8E7E6, #5DA5CF, #005D92, #003746, #000B1D)
• Gentle Lagoon color palette (#FFF0FB, #CFDCF3, #2EBFEA, #008C65, #0F3856)
• Linen Peony Corridor color palette (#FFD7F3, #D231B4, #C14A00, #4255BB, #2A0823)
• Antique Courtyard color palette (#FFEBF7, #FACBC7, #FFA1AB, #995E96, #3C172C)
• Amber Corridor color palette (#FFDEF1, #E5833D, #A94B18, #6A2F21, #300E1E)

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