@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
37 lines (23 loc) • 797 B
Markdown
version: 11.8.2
generatedAt: 2026-07-03T14:39:19.901Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
<Intro>
# Color usage (deprecated)
**Deprecated:** The `--color-*` CSS custom properties and this color documentation are deprecated. Use [Design Tokens – Colors](/uilib/usage/customisation/theming/design-tokens/colors) instead.
Colors are defined in two types:
- Profile (Brand colors)
- UX (Custom web usage colors)
It is recommended to use **CSS Custom Properties name** like `--color-ocean-green` to use a color.
```css
.selector {
background-color: var(--color-ocean-green);
}
```
See the [Color Table](/uilib/usage/customisation/colors#colors-table).
<IntroFooter href="/uilib/intro/09-icons" text="Next - Icons" />
</Intro>