Terracotta & Slate
Warm clay grounded by cool depths, a palette that holds both earth and water in quiet balance.
Psychology
The warm orange of Rocky Racoon advances visually while the two blues recede, creating spatial depth through chromatic contrast. The muted light blue middle tone softens the dramatic shift between the warm and cool extremes, preventing visual harshness while the deep navy grounds the palette with authority. This complementary arrangement leverages the principle that warm and cool opposites intensify each other, generating visual interest without aggressive saturation.
Usage
Effective for luxury interior design schemes mixing terracotta accents with deep blue walls, editorial fashion photography that needs sophisticated but warm-cool tension, and premium coffee or ceramics branding where earthy craft meets refined restraint.
The high contrast supports projects requiring strong visual hierarchy, while the mixed lightness profile works across both dark and light backgrounds without losing legibility.
The high contrast supports projects requiring strong visual hierarchy, while the mixed lightness profile works across both dark and light backgrounds without losing legibility.
Code
CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
90deg,
#b27a47 0%,
#d0e5fd 50%,
#354777 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #b27a47;
--color-gradient-2: #d0e5fd;
--color-gradient-3: #354777;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #b27a47; --color-2: #d0e5fd; --color-3: #354777;
Hex values
#b27a47, #d0e5fd, #354777
Building something? Get this palette via the REST API.
History
Similar palettes
Abyssal Hearth
Linen Reverie Noon
Porcelain Drift
Midnight Pool Glow
Porcelain Depth Study
Slate Reverie Hour
Midnight Brass
Indigo Hour Study
Twilight Alchemy
