The Blue color preset — enterprise blue with a vibrant primary.

Design language

Blue uses a cool, corporate palette centred on a saturated cobalt blue primary (hue angle ~263°, high chroma ~0.245). The accent and secondary surfaces carry a subtle blue tint to reinforce the brand color without overwhelming content.

Use Blue when you want:

• A trustworthy, professional feel common in SaaS, fintech, and enterprise applications.
• A strong, recognisable primary color that clearly identifies interactive elements.
• Good contrast with both white and near-black dark backgrounds.

Color values

All values are encoded in OKLCH (CSS Color Level 4). The three numeric arguments are:

• L — perceived lightness, 0 (black) to 1 (white)
• C — chroma (color saturation), 0 = achromatic grey
• H — hue angle in degrees (0 = red, 120 = green, 240 = blue)

The primary color oklch(0.546 0.245 262.881) sits in the cobalt-blue range. Its high chroma (0.245) makes it bold and immediately attention- grabbing, while its lightness (L ≈ 0.55) keeps it accessible against both white and dark backgrounds.

The foreground and background use a blue-tinted near-black / pure-white, giving the light mode a very clean appearance with a subtle cool cast.

Radius

Uses 0.5rem (8px at 16px base font) — a standard, slightly sharp radius that suits the precise, structured aesthetic of enterprise software.