When you embed a shared google calendar (multiple calendars in one view).. You lose the color coding! The trick to add color coding back in to the various calendars is to add a color after the &source.
Google Calendar Embed Color Codes
These are the color codes for events when embedding multiple google public calendars on your site.Pink – %23B1365FFuchsia – %235C1158Red – %23711616Crimson – %23691426Orange – %23BE6D00Orange Red – %23B1440ERed Orange – %23853104Burnt Orange – %238C500BBrown Orange – %23754916Gold – %2388880EGoldenrod- %23AB8B00Darker Goldenrod – %23856508Pale Green- %2328754ELighter Green – %231B887AGreen – %2328754EForest Green – %230D7813Olive Green – %23528800Jungle Green – %23125A12Another Olive – %232F6309Another Green – %232F6213Sea Green – %230F4B38Golden Olive – %235F6B02Green Gray – %234A716COlive Gray – %236E6E41Dull Navy – %2329527AStandard Blue – %232952A3Blue Gray – %234E5D6CBlue Steel – %235A6986Another blue – %23182C57Dark Blue – %23060D5ESea Blue – %23113F47Violet – %237A367APurple- %235229A3Purple Gray – %23865A5APurple Brown – %23705770Deep Purple – %2323164EMagenta – %235B123BAnother Purple – %2342104AYellow Brown – %23875509Brown – %238D6F47Nice Brown – %236B3304Black- %23333333
SAMPLE EMBED CODE:
The following embed code embeds 4 different google calendars into one (1) view: In WordPress, I put this embed code in a CODE BLOCK:
&src=ja0ejgonmd77n5i9ve8dromd88@group.calendar.google.com&color=%232F6309
&src=e3bfjr8g93f3r7mnmqrg0562oo@group.calendar.google.com&color=%235229A3” style=”border: 0″ width=”800″ height=”600″ frameborder=”0″ scrolling=”no”></iframe>