OldLace

A pastel yellow with the freshness of a spring yellow.

Hex
#fdf5e6
sRGB
rgb(253 245 230)
OKLCH
oklch(0.9723 0.0216 83.3)

OldLace is a standard CSS named color with the canonical value #fdf5e6.

Create OldLace 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;

$oldlace = Color::parse('#FDF5E6');
use PhpColor\Color\Color; $oldlace = Color::parse('#FDF5E6');

ColorInterface

$oldlace

#fdf5e6 · oklch(0.9723 0.0216 83.3)

Tint OldLace for a system

OldLace 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 = $oldlace->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 = $oldlace->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#fff3e9
  2. Fresh#edfaef
  3. Cool#ecf7ff
OldLace kept at the same lightness, pulled warm, fresh and cool

Generate an OldLace scale

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

<?php

$oklch = $oldlace->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 = $oldlace->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 OldLace for the web

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

<?php

$hex   = $oldlace->toHex();
$rgb   = $oldlace->toCss('srgb');
$oklch = $oldlace->to('oklch')->toCss();
$hex = $oldlace->toHex(); $rgb = $oldlace->toCss('srgb'); $oklch = $oldlace->to('oklch')->toCss();
hex
#fdf5e6
rgb
rgb(253 245 230)
oklch
oklch(0.972341 0.0215593 83.2643)

Keep exploring

Continue from OldLace