Dealogic Styleguide

Color Palette

Dealogic UI Toolkit provides a full spectrum of color palettes, suited for our UI design that works harmoniously with our brand colors.

You can use the named colors in your CSS (or preprocessed format) directly by including the color-variable definitions available per theme in the @dealogic/dealogic-styles package. Please check the src/themes/*/ directories where you'll find a variable file for LESS, SCSS and CSS.

Dark grays

• #010204 charcoal

• #030509 midnight

• #333 thunder

• #12161f vulcan

• #3a445a slate

• #818a91 steel

Light grays

• #c3c3c4 iron

• #dfdfe0 silver

• #f0f0f0 mercury

• #f3f3f3 gallery

Whites

• #f5f5f5 sand

• #fafafa alabaster

• #fff white

Blues

• #006fd1 sea

• #07f azure

• #0096ff cerulean

• #e5f3fb ice

• #f0f8fc polar

Greens

• #009404 kelly

• #00ac3c salem

• #25ae60 nephritis

• #13a085 niagra

• #16bc9c turquoise

• #00c359 shamrock

Reds

• #c0392b pomegranate

• #d80000 sangria

• #ef1516 carnation

• #f73a3b strawberry

Yellows

• #f39c13 pumpkin

• #e67e23 carrot

• #f39c13 california

• #f1c411 supernova

• #ffcd00 sunflower

Violets

• #6e3984 violet

• #8e44ad wisteria

• #9b59b6 amethyst