Skip to main content

Foundation Colors

    • cream.50

      .cur-bg-cream-50

      var(--cur-color-foundation-cream-50)

      #fefefd

    • cream.100

      .cur-bg-cream-100

      var(--cur-color-foundation-cream-100)

      #fcfcf8

    • cream.200

      .cur-bg-cream-200

      var(--cur-color-foundation-cream-200)

      #fbfaf5

    • cream.300

      .cur-bg-cream-300

      var(--cur-color-foundation-cream-300)

      #f9f8f0

    • cream.400

      .cur-bg-cream-400

      var(--cur-color-foundation-cream-400)

      #f8f7ed

    • cream.500

      .cur-bg-cream-500

      var(--cur-color-foundation-cream-500)

      #f6f5e9

    • cream.600

      .cur-bg-cream-600

      var(--cur-color-foundation-cream-600)

      #e0dfd4

    • cream.700

      .cur-bg-cream-700

      var(--cur-color-foundation-cream-700)

      #afaea5

    • cream.800

      .cur-bg-cream-800

      var(--cur-color-foundation-cream-800)

      #878780

    • cream.900

      .cur-bg-cream-900

      var(--cur-color-foundation-cream-900)

      #676762

    • navy.50

      .cur-bg-navy-50

      var(--cur-color-foundation-navy-50)

      #e8e8ec

    • navy.100

      .cur-bg-navy-100

      var(--cur-color-foundation-navy-100)

      #b9b9c5

    • navy.200

      .cur-bg-navy-200

      var(--cur-color-foundation-navy-200)

      #9797a9

    • navy.300

      .cur-bg-navy-300

      var(--cur-color-foundation-navy-300)

      #686882

    • navy.400

      .cur-bg-navy-400

      var(--cur-color-foundation-navy-400)

      #4a4a69

    • navy.500

      .cur-bg-navy-500

      var(--cur-color-foundation-navy-500)

      #1d1d44

    • navy.600

      .cur-bg-navy-600

      var(--cur-color-foundation-navy-600)

      #1a1a3e

    • navy.700

      .cur-bg-navy-700

      var(--cur-color-foundation-navy-700)

      #151530

    • navy.800

      .cur-bg-navy-800

      var(--cur-color-foundation-navy-800)

      #101025

    • navy.900

      .cur-bg-navy-900

      var(--cur-color-foundation-navy-900)

      #0c0c1d

    • core-purple.50

      .cur-bg-core-purple-50

      var(--cur-color-foundation-core-purple-50)

      #f1efff

    • core-purple.100

      .cur-bg-core-purple-100

      var(--cur-color-foundation-core-purple-100)

      #d2ccff

    • core-purple.200

      .cur-bg-core-purple-200

      var(--cur-color-foundation-core-purple-200)

      #bdb4ff

    • core-purple.300

      .cur-bg-core-purple-300

      var(--cur-color-foundation-core-purple-300)

      #9f92ff

    • core-purple.400

      .cur-bg-core-purple-400

      var(--cur-color-foundation-core-purple-400)

      #8c7dff

    • core-purple.500

      .cur-bg-core-purple-500

      var(--cur-color-foundation-core-purple-500)

      #6f5cff

    • core-purple.600

      .cur-bg-core-purple-600

      var(--cur-color-foundation-core-purple-600)

      #6554e8

    • core-purple.700

      .cur-bg-core-purple-700

      var(--cur-color-foundation-core-purple-700)

      #4f41b5

    • core-purple.800

      .cur-bg-core-purple-800

      var(--cur-color-foundation-core-purple-800)

      #3d338c

    • core-purple.900

      .cur-bg-core-purple-900

      var(--cur-color-foundation-core-purple-900)

      #2f276b

    • light-purple.50

      .cur-bg-light-purple-50

      var(--cur-color-foundation-light-purple-50)

      #f5f6ff

    • light-purple.100

      .cur-bg-light-purple-100

      var(--cur-color-foundation-light-purple-100)

      #e0e4ff

    • light-purple.200

      .cur-bg-light-purple-200

      var(--cur-color-foundation-light-purple-200)

      #d1d7ff

    • light-purple.300

      .cur-bg-light-purple-300

      var(--cur-color-foundation-light-purple-300)

      #bdc5ff

    • light-purple.400

      .cur-bg-light-purple-400

      var(--cur-color-foundation-light-purple-400)

      #b0baff

    • light-purple.500

      .cur-bg-light-purple-500

      var(--cur-color-foundation-light-purple-500)

      #9ca9ff

    • light-purple.600

      .cur-bg-light-purple-600

      var(--cur-color-foundation-light-purple-600)

      #8e9ae8

    • light-purple.700

      .cur-bg-light-purple-700

      var(--cur-color-foundation-light-purple-700)

      #6f78b5

    • light-purple.800

      .cur-bg-light-purple-800

      var(--cur-color-foundation-light-purple-800)

      #565d8c

    • light-purple.900

      .cur-bg-light-purple-900

      var(--cur-color-foundation-light-purple-900)

      #42476b

    • pastel-purple.50

      .cur-bg-pastel-purple-50

      var(--cur-color-foundation-pastel-purple-50)

      #fbfbff

    • pastel-purple.100

      .cur-bg-pastel-purple-100

      var(--cur-color-foundation-pastel-purple-100)

      #f1f3ff

    • pastel-purple.200

      .cur-bg-pastel-purple-200

      var(--cur-color-foundation-pastel-purple-200)

      #eaeeff

    • pastel-purple.300

      .cur-bg-pastel-purple-300

      var(--cur-color-foundation-pastel-purple-300)

      #e1e6ff

    • pastel-purple.400

      .cur-bg-pastel-purple-400

      var(--cur-color-foundation-pastel-purple-400)

      #dbe1ff

    • pastel-purple.500

      .cur-bg-pastel-purple-500

      var(--cur-color-foundation-pastel-purple-500)

      #d2d9ff

    • pastel-purple.600

      .cur-bg-pastel-purple-600

      var(--cur-color-foundation-pastel-purple-600)

      #bfc5e8

    • pastel-purple.700

      .cur-bg-pastel-purple-700

      var(--cur-color-foundation-pastel-purple-700)

      #959ab5

    • pastel-purple.800

      .cur-bg-pastel-purple-800

      var(--cur-color-foundation-pastel-purple-800)

      #74778c

    • pastel-purple.900

      .cur-bg-pastel-purple-900

      var(--cur-color-foundation-pastel-purple-900)

      #585b6b

    • orange.50

      .cur-bg-orange-50

      var(--cur-color-foundation-orange-50)

      #fff3ed

    • orange.100

      .cur-bg-orange-100

      var(--cur-color-foundation-orange-100)

      #ffd8c8

    • orange.200

      .cur-bg-orange-200

      var(--cur-color-foundation-orange-200)

      #ffc6ae

    • orange.300

      .cur-bg-orange-300

      var(--cur-color-foundation-orange-300)

      #ffab89

    • orange.400

      .cur-bg-orange-400

      var(--cur-color-foundation-orange-400)

      #ff9b72

    • orange.500

      .cur-bg-orange-500

      var(--cur-color-foundation-orange-500)

      #ff824f

    • orange.600

      .cur-bg-orange-600

      var(--cur-color-foundation-orange-600)

      #e87648

    • orange.700

      .cur-bg-orange-700

      var(--cur-color-foundation-orange-700)

      #b55c38

    • orange.800

      .cur-bg-orange-800

      var(--cur-color-foundation-orange-800)

      #8c482b

    • orange.900

      .cur-bg-orange-900

      var(--cur-color-foundation-orange-900)

      #6b3721

    • red.50

      .cur-bg-red-50

      var(--cur-color-foundation-red-50)

      #faeaea

    • red.100

      .cur-bg-red-100

      var(--cur-color-foundation-red-100)

      #f0bcbc

    • red.200

      .cur-bg-red-200

      var(--cur-color-foundation-red-200)

      #e99c9c

    • red.300

      .cur-bg-red-300

      var(--cur-color-foundation-red-300)

      #df6f6f

    • red.500

      .cur-bg-red-500

      var(--cur-color-foundation-red-500)

      #cf2828

    • red.600

      .cur-bg-red-600

      var(--cur-color-foundation-red-600)

      #bc2424

    • red.700

      .cur-bg-red-700

      var(--cur-color-foundation-red-700)

      #931c1c

    • red.800

      .cur-bg-red-800

      var(--cur-color-foundation-red-800)

      #721616

    • red.900

      .cur-bg-red-900

      var(--cur-color-foundation-red-900)

      #571111

    • green.50

      .cur-bg-green-50

      var(--cur-color-foundation-green-50)

      #e7f2e6

    • green.100

      .cur-bg-green-100

      var(--cur-color-foundation-green-100)

      #b6d5b0

    • green.200

      .cur-bg-green-200

      var(--cur-color-foundation-green-200)

      #92c18a

    • green.300

      .cur-bg-green-300

      var(--cur-color-foundation-green-300)

      #60a555

    • green.400

      .cur-bg-green-400

      var(--cur-color-foundation-green-400)

      #419334

    • green.500

      .cur-bg-green-500

      var(--cur-color-foundation-green-500)

      #127801

    • green.600

      .cur-bg-green-600

      var(--cur-color-foundation-green-600)

      #106d01

    • green.700

      .cur-bg-green-700

      var(--cur-color-foundation-green-700)

      #0d5501

    • green.800

      .cur-bg-green-800

      var(--cur-color-foundation-green-800)

      #0a4201

    • green.900

      .cur-bg-green-900

      var(--cur-color-foundation-green-900)

      #083200

    • neutral.0

      .cur-bg-neutral-0

      var(--cur-color-foundation-neutral-0)

      #ffffff

    • neutral.100

      .cur-bg-neutral-100

      var(--cur-color-foundation-neutral-100)

      #f2f2f2

    • neutral.200

      .cur-bg-neutral-200

      var(--cur-color-foundation-neutral-200)

      #ececec

    • neutral.300

      .cur-bg-neutral-300

      var(--cur-color-foundation-neutral-300)

      #e4e4e4

    • neutral.400

      .cur-bg-neutral-400

      var(--cur-color-foundation-neutral-400)

      #dedede

    • neutral.500

      .cur-bg-neutral-500

      var(--cur-color-foundation-neutral-500)

      #d6d6d6

    • neutral.600

      .cur-bg-neutral-600

      var(--cur-color-foundation-neutral-600)

      #c3c3c3

    • neutral.700

      .cur-bg-neutral-700

      var(--cur-color-foundation-neutral-700)

      #989898

    • neutral.800

      .cur-bg-neutral-800

      var(--cur-color-foundation-neutral-800)

      #767676

    • neutral.900

      .cur-bg-neutral-900

      var(--cur-color-foundation-neutral-900)

      #5a5a5a