Cerulean Loft color palette — #F9F0EC · #ACE9ED · #5796B4 · #3F694D · #392338

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

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Sea Foam (#ACE9ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#5796B4): A luminous, dusty blue — the color of open sky before noon.
• Pine (#3F694D): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#392338): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Forest color palette (#F9EFED, #C9E6C6, #5798AC, #3F6A3F, #06342C)
• Softworn Cobalt Pier color palette (#FAEFE9, #99D2E3, #4A80B2, #005D49, #301629)
• Aged Ash Drift color palette (#F7F0EA, #C5E7E9, #B18FAE, #5B7356, #432F39)
• Frosted Workshop color palette (#FFEAFD, #5D8CE0, #87840A, #706F27, #291728)
• Tempered Stone Terrace color palette (#FBECFB, #E5D0E4, #F0ABBF, #558C98, #382631)
• Aged Boulevard color palette (#FAF2F8, #C5ECFA, #6DAFC8, #4D8870, #2F4A63)
• Sky Archive color palette (#D1F0F5, #4CBAF8, #5578C9, #51487F, #43232F)
• Patina Cerulean Station color palette (#F1DCD2, #2999B0, #004D7A, #002D1F, #02001D)

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