Colors

Here is an overview of how DNV's colour palettes are used in OneDesign.

Our primary colour on light background: is sea-blue. The primary colour is used on actions such as primary buttons and links.

Please note that we only have a light theme, but we can have sections in an application with darker backgrounds and then we should use digi-green as the primary colour.

Border colors

Border color - UI elements - Sandstone base #CCCBC9
Border color light - Sandstone-55 #908D89
Border color light - UI elements - Sandstone-90 #E6E6E5

Text colors

#0F204B
Dark Blue
#1A1A19
Black - Sandstone 10
#FFFFFF
White
#4F4D4A
Text - Sandstone 30

Icon colors

#908D89
Sandstone-55 - muted icons
#003591
Sea blue 28 - interactive icons
#0F204B
Dark blue - illustrative
#FFFFFF
White - on dark bg
#1A1A19
Sandstone-10 - alternative
Digi Green #91FFB4
Sea Blue #003591

Background colors

#FFF
White
#E9F7FC
Sky Blue 95% lightness
#F2FAFD
Sky Blue 97% lightness
#F3F2F2
Sandstone 95% lightness
#F8F7F7
Sandstone 97% lightness
#F9F3EB
Earth 95% lightness
#FBF8F3
Earth 97% lightness
#0F204B
Dark Blue

Light bg component states

These colours are used accross all components intended to be used on a light background
Active bg color - sky blue 95 #E9F7FC
Hover bg color - sky blue 90 #D3EEF8

Infographics & illustrations

#A1AAE6
Lavender
#B56700
Terracotta
#15C2BB
Eucalyptus
#2B6173
Pine
#0F204B
Dark Blue
#009FDA
Cyan
#99D9F0
Sky Blue
#F2E6D5
Earth
#CCCBC9
Sandstone
#988F86
Warm Grey
#FFF377
Sunflower
#3F9C35
Land Green
#EB2A34
Energy Red

Infographics w/ Risk

#A1AAE6
Lavender
#B56700
Terracotta
#15C2BB
Eucalyptus
#2B6173
Pine
#0F204B
Dark Blue
#009FDA
Cyan
#E5F8FF
Cyan
#D3EEF8
sky blue
#99D9F0
Sky Blue
#F2E6D5
Earth
#CCCBC9
Sandstone
#988F86
Warm Grey
#EB2A34
Energy Red
#3F9C35
Land Green

Risk

Risk Yellow #FFE900
Risk Orange #E98300
Risk Red #C4262E
Risk Green #36842D

New Risk colors

#EB2434
Energy Red
#FDE8E9
Energy Red 95
#FFE900
Sunflower 50
#FFFDE5
Sunflower 95
#3F9C35
Land Green
#EDF9EC
Land Green 95