Ivory

A pastel lime with the freshness of a spring lime.

Hex
#fffff0
sRGB
rgb(255 255 240)
OKLCH
oklch(0.9960 0.0196 106.8)

Ivory is a standard CSS named color with the canonical value #fffff0.

Create Ivory in PHP

Parse the catalog’s canonical value once, then keep the resulting color object throughout the rest of your code.

<?php

use PhpColor\Color\Color;

$ivory = Color::parse('#FFFFF0');
use PhpColor\Color\Color; $ivory = Color::parse('#FFFFF0');

ColorInterface

$ivory

#fffff0 · oklch(0.9960 0.0196 106.8)

Tint Ivory for a system

Ivory is a neutral, so rotating its hue changes nothing. Design systems rarely ship a pure neutral either: give it a trace of chroma and it belongs to the palette around it.

<?php

$neutral = $ivory->to('oklch');

foreach (['warm' => 60, 'fresh' => 150, 'cool' => 250] as $name => $hue) {
    echo $neutral->withChannel('c', 0.02)->withChannel('h', $hue)->toHex().PHP_EOL;
}
$neutral = $ivory->to('oklch'); foreach (['warm' => 60, 'fresh' => 150, 'cool' => 250] as $name => $hue) { echo $neutral->withChannel('c', 0.02)->withChannel('h', $hue)->toHex().PHP_EOL; }
  1. Warm#fffbf1
  2. Fresh#f5fff7
  3. Cool#f4ffff
Ivory kept at the same lightness, pulled warm, fresh and cool

Generate an Ivory scale

Keep the original hue and chroma, then vary OKLCH lightness to produce perceptually ordered steps.

<?php

$oklch = $ivory->to('oklch');

foreach ([0.97, 0.92, 0.84, 0.74, 0.66, 0.58, 0.48, 0.40, 0.32, 0.24, 0.16] as $lightness) {
    $step = $oklch->withChannel('l', $lightness);
}
$oklch = $ivory->to('oklch'); foreach ([0.97, 0.92, 0.84, 0.74, 0.66, 0.58, 0.48, 0.40, 0.32, 0.24, 0.16] as $lightness) { $step = $oklch->withChannel('l', $lightness); }
50
100
200
300
400
500
600
700
800
900
950
Explore named color scales →

Format Ivory for the web

The same object can emit a compact Hex value, an sRGB CSS function, or its perceptual OKLCH coordinates.

<?php

$hex   = $ivory->toHex();
$rgb   = $ivory->toCss('srgb');
$oklch = $ivory->to('oklch')->toCss();
$hex = $ivory->toHex(); $rgb = $ivory->toCss('srgb'); $oklch = $ivory->to('oklch')->toCss();
hex
#fffff0
rgb
rgb(255 255 240)
oklch
oklch(0.995976 0.0196158 106.75)