Skip to content

Colors

All Colors are provided by CSS Custom Properties.

You may have a look at the Quick Guide for Designers About Colors.

Colors Table

Change the brand in order to see the related tables:

DNB Colors

SampleTypeBrand nameHexRGBFigma Library nameCSS Custom Properties name
ProfileSeagreen#0072720 114 114Profil/Seagreen--color-sea-green
ProfileMintgreen#a5e1d2165 225 210Profil/Mintgreen--color-mint-green
ProfileSummergreen#28b48240 180 130Profil/Summergreen--color-summer-green
ProfileEmeraldgreen#14555a20 85 90Profil/Emeraldgreen--color-emerald-green
ProfileOceangreen#00343e0 52 62Profil/Oceangreen--color-ocean-green
ProfileAccent yellow#fdbb31253 187 49Profil/Accentyellow--color-accent-yellow
ProfileIndigo#23195a35 25 90Profil/Indigo--color-indigo
ProfileViolet#6e2382110 35 130Profil/Violet--color-violet
ProfileSkyblue#4bbed275 190 210Profil/Skyblue--color-sky-blue
ProfileLavender#f2f2f5242 242 245Profil/Lavender--color-lavender
ProfileSand yellow#fbf6ec251 246 236Profil/Sandyellow--color-sand-yellow
ProfilePistachio#f2f4ec242 244 236Profil/Pistachio--color-pistachio
UXSeagreen 30%#b3d5d5179 213 213UX/Seagreen 30%--color-sea-green-30
UXMintgreen 50%#d2f0e9210 240 233UX/Mintgreen 50%--color-mint-green-50
UXMintgreen 25%#e9f8f4233 248 244UX/Mintgrønn 25%--color-mint-green-25
UXMintgreen 12%#f4fbf9244 251 249UX/Mintgreen 12%--color-mint-green-12
UXAccent yellow 30%#feebc1254 235 193UX/Accentyellow 30%--color-accent-yellow-30
UXFire red#dc2a2a220 42 42UX/Firered--color-fire-red
UXFire red 8%#fdeeee253 238 238UX/Firered 8%--color-fire-red-8
UXSuccess green#007b5e0 123 94UX/Successgreen--color-success-green
UXSignal orange#ff5400255 84 0UX/Signalorange--color-signal-orange
UXBlack#0000 0 0UX/Black--color-black
UXBlack 80% (aka Coal)#33351 51 51UX/Black 80%--color-black-80
UXBlack 55% (aka Dark gray)#737373115 115 115UX/Black 55%--color-black-55
UXBlack 20% (aka Soft gray)#ccc204 204 204UX/Black 20%--color-black-20
UXBlack 8% (aka Outline gray)#ebebeb235 235 235UX/Black 8%--color-black-8
UXBlack 3% (aka Subtle gray)#f8f8f8248 248 248UX/Black 3%--color-black-3
UXWhite#fff255 255 255UX/White--color-white