--- name: Color route: /components/common/color menu: Color edit: false --- import { Playground } from 'docz' import Color from './color' # Color ## Color ### Brand


   --ds-color-economist-red: #E3120B;

   --ds-color-economist-red-60: #F6423C;

### Accent #### Primary


   --ds-color-chicago-20: #0A1757;

   --ds-color-chicago-30: #142680;

   --ds-color-chicago-45: #2E45B8;

   --ds-color-chicago-55: #475ED1;

   --ds-color-chicago-90: #D6DBF5;

   --ds-color-chicago-95: #EBEDFA;

#### Secondary


   --ds-color-hong-kong-45: #1DC9A4;

   --ds-color-hong-kong-55: #36E2BD;

   --ds-color-hong-kong-90: #D2F9F0;

   --ds-color-hong-kong-95: #E9FCF8;

   --ds-color-tokyo-45: #C91D42;

   --ds-color-tokyo-55: #E2365B;

   --ds-color-tokyo-90: #F9D2DB;

   --ds-color-tokyo-95: #FCE9ED;

#### Tertiary


   --ds-color-singapore-55: #F97A1F;

   --ds-color-singapore-65: #FB9851;

   --ds-color-singapore-75: #FCB583;

   --ds-color-singapore-90: #FEE1CD;

   --ds-color-new-york-55: #F9C31F;

   --ds-color-new-york-65: #FBD051;

   --ds-color-new-york-75: #FCDE83;

   --ds-color-new-york-90: #FEF2CD;

### Greyscale


   --ds-color-london-5: #0D0D0D;

   --ds-color-london-10: #1A1A1A;

   --ds-color-london-20: #333;

   --ds-color-london-35: #595959;

   --ds-color-london-70: #B3B3B3;

   --ds-color-london-85: #D9D9D9;

   --ds-color-london-95: #F2F2F2;

   --ds-color-london-100: #FFF;

### Canvas


   --ds-color-los-angeles-85: #E1DFD0;

   --ds-color-los-angeles-90: #EBE9E0;

   --ds-color-los-angeles-95: #F5F4EF;

   --ds-color-paris-85: #D0E1E1;

   --ds-color-paris-90: #E0EBEB;

   --ds-color-paris-95: #EFF5F5;