BrandSecondary

Secondary colors provide additional visual interest and contrast when paired with primary colors. They are useful for accentuating features and breaking up monotony in a design.

Properties

Link copied to clipboard
abstract val base: Color

The main base color of the palette.

Link copied to clipboard
abstract val color100: Color

The second lightest shade in the palette (10% saturation).

Link copied to clipboard
abstract val color200: Color

The third lightest shade in the palette (20% saturation).

Link copied to clipboard
abstract val color300: Color

The fourth lightest shade in the palette (30% saturation).

Link copied to clipboard
abstract val color400: Color

The fifth lightest shade in the palette (40% saturation).

Link copied to clipboard
abstract val color50: Color

The lightest shade in the palette (5% saturation).

Link copied to clipboard
abstract val color500: Color

The base shade in the palette, typically the primary color (50% saturation).

Link copied to clipboard
abstract val color600: Color

The sixth darkest shade in the palette (60% saturation).

Link copied to clipboard
abstract val color700: Color

The fifth darkest shade in the palette (70% saturation).

Link copied to clipboard
abstract val color800: Color

The fourth darkest shade in the palette (80% saturation).

Link copied to clipboard
abstract val color900: Color

The third darkest shade in the palette (90% saturation).

Link copied to clipboard
abstract val color950: Color

The second darkest shade in the palette (95% saturation).