Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

//////////////////////////////
// ATLAS PALETTE
//////////////////////////////

//------ IBM COLORS ------//
// * Colors from IBM Design
$palette__ibm-colors: (
  'blue-10': color('blue', 10),
  'blue-20': color('blue', 20),
  'blue-30': color('blue', 30),
  'blue-40': color('blue', 40),
  'blue-90': color('blue', 90),
  'gray': color('cool-gray', 60),
  'grey': color('cool-gray', 60),
  'green': color('green', 30),
  'red': color('red', 40),
  'teal': color('teal', 20),
  'white': color('white'),
  'yellow': color('yellow', 30)
);

@function ibm-color($color) {
  $ibm-palette: $palette__ibm-colors;
  @if map-has-key($ibm-palette, $color) {
    @return map-get($ibm-palette, $color);
  } @else {
    @warn "We couldn't find #{$color} in the $palette__ibm-colors map! "
       "Please make sure it's defined. ";
  }
}

//------ BLUEMIX COLORS ------//
// * modified IBM colors
// * completely new colors for use in newest Bluemix/Atlas Designs
$palette__bluemix-colors: (
  'white': #2C3E48,
  'blue-70': #2D3F49,
  'blue-90': #20343E,
  'gray': #8C9BA5,
  'gray-dark': #485760,
  'gray-darker': #42535C,
  'gray-darkest': #394B54
);

@function bluemix-color($color) {
  $palette: $palette__bluemix-colors;
  @if map-has-key($palette, $color) {
    @return map-get($palette, $color);
  }
}

div {
  color: ibm-color('red');
  
}

SassMeister-output.css

div {
  color: color("red", 40);
}