back to palettes
Color lane

Loess

Warm pressed sediment lit from one low angle: a bright clay ground, deep-umber text, and a single terracotta seam where the light catches an edge. Calm and tactile, bright not muddy.

Signature · the star
primary accentTerracotta seam · #d9623b
Moss edge · #3f6f63
Sun ochre · #c79a3a
Neutrals · the ground
bg
#ede3d4
surface
#f4ece0
text
#33291e
muted
#8a7a66
border
#dccfbc
Semantic · functional accessory
success
warning
error
info
Download .csswarm-clayterracottaearthsculptedbright-not-muddy
Do
  • · Let the warm clay ground carry the whole frame.
  • · Use the terracotta only as a lit seam, a fill, or a small bead.
  • · Pair moss and ochre as quiet counter-accents for state.
  • · Keep deep-umber text for contrast.
Don't
  • · Don't flood panels with terracotta as a flat fill.
  • · Don't drop to a white background — the warmth is the identity.
  • · Don't let semantic red read as a primary brand colour.
  • · Don't mute the accents into muddy greys.
try it

remix with this palette

Drop Loess onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Loess
Art style
Landing Page
live preview · recolored + filled