Skip to content

Orbit color palette

Certainly! Let’s make the documentation more reader-friendly while still providing all the necessary details. Here’s a revised version of the Orbit color palette:


Orbit Color Palette

The Orbit color palette offers an extensive range of colors, each with multiple shades from dark to light. This palette is designed to provide designers with flexibility and consistency in their projects.

Red shades

  • —o-red-black: Deep red mixed with black.
  • —o-red-darker: Very dark red.
  • —o-red-dark: Dark red.
  • —o-red: Standard red.
  • —o-red-light: Light red.
  • —o-red-lighter: Very light red.
  • —o-red-white: Light red mixed with white.

Orange shades

  • —o-orange-black: Deep orange mixed with black.
  • —o-orange-darker: Very dark orange.
  • —o-orange-dark: Dark orange.
  • —o-orange: Standard orange.
  • —o-orange-light: Light orange.
  • —o-orange-lighter: Very light orange.
  • —o-orange-white: Light orange mixed with white.

Yellow shades

  • —o-yellow-black: Deep yellow mixed with black.
  • —o-yellow-darker: Very dark yellow.
  • —o-yellow-dark: Dark yellow.
  • —o-yellow: Standard yellow.
  • —o-yellow-light: Light yellow.
  • —o-yellow-lighter: Very light yellow.
  • —o-yellow-white: Light yellow mixed with white.

Green shades

  • —o-green-black: Deep green mixed with black.
  • —o-green-darker: Very dark green.
  • —o-green-dark: Dark green.
  • —o-green: Standard green.
  • —o-green-light: Light green.
  • —o-green-lighter: Very light green.
  • —o-green-white: Light green mixed with white.

Cyan shades

  • —o-cyan-black: Deep cyan mixed with black.
  • —o-cyan-darker: Very dark cyan.
  • —o-cyan-dark: Dark cyan.
  • —o-cyan: Standard cyan.
  • —o-cyan-light: Light cyan.
  • —o-cyan-lighter: Very light cyan.
  • —o-cyan-white: Light cyan mixed with white.

Blue shades

  • —o-blue-black: Deep blue mixed with black.
  • —o-blue-darker: Very dark blue.
  • —o-blue-dark: Dark blue.
  • —o-blue: Standard blue.
  • —o-blue-light: Light blue.
  • —o-blue-lighter: Very light blue.
  • —o-blue-white: Light blue mixed with white.

Indigo shades

  • —o-indigo-black: Deep indigo mixed with black.
  • —o-indigo-darker: Very dark indigo.
  • —o-indigo-dark: Dark indigo.
  • —o-indigo: Standard indigo.
  • —o-indigo-light: Light indigo.
  • —o-indigo-lighter: Very light indigo.
  • —o-indigo-white: Light indigo mixed with white.

Purple shades

  • —o-purple-black: Deep purple mixed with black.
  • —o-purple-darker: Very dark purple.
  • —o-purple-dark: Dark purple.
  • —o-purple: Standard purple.
  • —o-purple-light: Light purple.
  • —o-purple-lighter: Very light purple.
  • —o-purple-white: Light purple mixed with white.

Pink shades

  • —o-pink-black: Deep pink mixed with black.
  • —o-pink-darker: Very dark pink.
  • —o-pink-dark: Dark pink.
  • —o-pink: Standard pink.
  • —o-pink-light: Light pink.
  • —o-pink-lighter: Very light pink.
  • —o-pink-white: Light pink mixed with white.

Gray shades

  • —o-gray-black: Deep gray mixed with black.
  • —o-gray-darker: Very dark gray.
  • —o-gray-dark: Dark gray.
  • —o-gray: Standard gray.
  • —o-gray-light: Light gray.
  • —o-gray-lighter: Very light gray.
  • —o-gray-white: Light gray mixed with white.

Usage

Here’s how you can use these variables in your Orbit project: