Forest Floor

Deep greens and earthy browns from the woodland.

Mood
Earthy
Colors
7
Space
OKLCH

Forest Floor, color by color

Grounded and natural, for brands that would rather feel grown than manufactured. The greens read as healthy and calm, the browns add warmth, and the darkest stop doubles as body text. Suits sustainability, outdoor, and food products.

#b7e6b7 L 0.88 · C 0.08 · H 145
#57cb60 L 0.75 · C 0.18 · H 145
#19a300 L 0.62 · C 0.22 · H 140
#437300 L 0.5 · C 0.16 · H 130
#624900 L 0.42 · C 0.1 · H 90
#462d0b L 0.32 · C 0.06 · H 70
#301c0e L 0.25 · C 0.04 · H 55

Create Forest Floor 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.88 0.08 145)',
    'oklch(0.75 0.18 145)',
    'oklch(0.62 0.22 140)',
    'oklch(0.50 0.16 130)',
    'oklch(0.42 0.10 90)',
    'oklch(0.32 0.06 70)',
    'oklch(0.25 0.04 55)',
]);
use PhpColor\Color\Palette\ColorPalette; $palette = ColorPalette::parse([ 'oklch(0.88 0.08 145)', 'oklch(0.75 0.18 145)', 'oklch(0.62 0.22 140)', 'oklch(0.50 0.16 130)', 'oklch(0.42 0.10 90)', 'oklch(0.32 0.06 70)', 'oklch(0.25 0.04 55)', ]);

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 Forest Floor 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();

Keep exploring

Build on Forest Floor