Terracotta

Warm, sun-baked clay tones for an inviting, artisanal vibe.

Mood
Earthy
Colors
5
Space
OKLCH

Terracotta, color by color

Warm, sun-baked clay tones for an inviting, artisanal vibe.

#ffd2be L 0.9 · C 0.06 · H 45
#f99c7c L 0.78 · C 0.12 · H 40
#dd5230 L 0.62 · C 0.18 · H 35
#a13124 L 0.48 · C 0.15 · H 30
#5c1717 L 0.32 · C 0.1 · H 25

Create Terracotta 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.90 0.06 45)',
    'oklch(0.78 0.12 40)',
    'oklch(0.62 0.18 35)',
    'oklch(0.48 0.15 30)',
    'oklch(0.32 0.10 25)',
]);
use PhpColor\Color\Palette\ColorPalette; $palette = ColorPalette::parse([ 'oklch(0.90 0.06 45)', 'oklch(0.78 0.12 40)', 'oklch(0.62 0.18 35)', 'oklch(0.48 0.15 30)', 'oklch(0.32 0.10 25)', ]);

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 Terracotta 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();