Muted Sage

Calm, desaturated greens for a sophisticated natural look.

Mood
Earthy
Colors
5
Space
OKLCH

Muted Sage, color by color

Calm, desaturated greens for a sophisticated natural look.

#daead7 L 0.92 · C 0.03 · H 140
#adcfad L 0.82 · C 0.06 · H 145
#74a77e L 0.68 · C 0.08 · H 150
#467557 L 0.52 · C 0.07 · H 155
#214331 L 0.35 · C 0.05 · H 160

Create Muted Sage in PHP

Parse the catalog values as one ordered scale. The input remains readable while PHPColor normalizes every color.

<?php

use PhpColor\Color\Palette\ColorPalette;

$palette = ColorPalette::parse([
    'oklch(0.92 0.03 140)',
    'oklch(0.82 0.06 145)',
    'oklch(0.68 0.08 150)',
    'oklch(0.52 0.07 155)',
    'oklch(0.35 0.05 160)',
]);
use PhpColor\Color\Palette\ColorPalette; $palette = ColorPalette::parse([ 'oklch(0.92 0.03 140)', 'oklch(0.82 0.06 145)', 'oklch(0.68 0.08 150)', 'oklch(0.52 0.07 155)', 'oklch(0.35 0.05 160)', ]);

Inspect every palette color

Palette operations preserve order, so iteration and conversion produce values in the same visual sequence.

<?php

foreach ($palette->to('oklch') as $color) {
    echo $color->toCss().PHP_EOL;
}
foreach ($palette->to('oklch') as $color) { echo $color->toCss().PHP_EOL; }

Format Muted Sage for CSS

Export hexadecimal values for compact tokens or convert the full palette to perceptual CSS notation.

<?php

$hex = $palette->toHex();
$css = $palette->to('oklch')->toCss();
$hex = $palette->toHex(); $css = $palette->to('oklch')->toCss();