#ffd2be
L 0.9 · C 0.06 · H 45
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.
#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();