Avatar defaults and colors

ts/components/DirectCallRemoteParticipant.tsx

@@ -5,6 +5,7 @@ import React, { useRef, useEffect } from 'react';
 import { SetRendererCanvasType } from '../state/ducks/calling';
 import { ConversationType } from '../state/ducks/conversations';
 import { LocalizerType } from '../types/Util';
+import { AvatarColors } from '../types/Colors';
 import { Avatar } from './Avatar';
 
 type PropsType = {
@@ -69,7 +70,7 @@ function renderAvatar(
       <Avatar
         acceptedMessageRequest={acceptedMessageRequest}
         avatarPath={avatarPath}
-        color={color || 'ultramarine'}
+        color={color || AvatarColors[0]}
         noteToSelf={false}
         conversationType="direct"
         i18n={i18n}