Cerulean Loft color palette — #E5E3A5 · #7DBD9B · #3580A2 · #733F1E · #512300

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

The five colors

• Celadon Mist (#E5E3A5): A whisper-light, balanced green — the color of a quiet forest floor.
• Mint Leaf (#7DBD9B): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#3580A2): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#733F1E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#512300): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Patina Cocoa color palette (#FFD9BE, #A1B885, #4B9085, #753930, #4A1812)
• Fern Balcony color palette (#E5EED5, #82B8AB, #4A819E, #595309, #332F00)
• Mulberry Loft color palette (#C6FAE3, #6DB9B8, #5589A2, #80416B, #6A3C3E)
• Patina Market color palette (#DEE4CE, #71A68C, #3F6E60, #593608, #331B00)
• Patina Bronze Lantern color palette (#F5F0B4, #92C7AD, #65A3BC, #955A3E, #653D29)
• Ancient Loft color palette (#E8F2CB, #ABC4B3, #977991, #755606, #3E3B34)
• Azure Grove color palette (#D9F0EC, #60A1D1, #7C5A8B, #4E4605, #2A2500)
• Cerulean Atelier color palette (#E2F0E3, #158696, #434A74, #442C00, #201100)

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