Terracotta / Adobe

Sun-baked earth tones and Southwestern warmth

Design Philosophy

Built from the Earth

Inspired by the adobe architecture of the American Southwest, Pueblo villages, and the sun-drenched desert landscape. Every element carries the warmth of fired clay, the patience of dried mud walls, and the quiet strength of ancient building traditions.

Sun-Bleached

Colors softened by years of sunlight, warm and faded like aged stucco walls.

Handcrafted

Organic shapes and textures that honor the imperfection of hand-built clay.

Arched Forms

Rounded doorways and windows inspired by Pueblo and Mission architecture.

Desert Resilience

Cactus greens and sage accents reflecting the enduring life of arid landscapes.

01 / Palette

Color Palette

Earth pigments pulled from the desert floor. Fired clay reds, sun-baked ochres, and the greens of resilient desert plants.

Terracotta
#C2603D
Fired Clay
#8B3E22
Ochre
#D4A03C
Sand
#E8D5B5
Sage
#7A9A6D
Cactus
#4A7A3D
Adobe Dark
#6B3A20
Turquoise
#5BA4A4
Stucco
#F0E6D4
Burnt Sienna
#A0522D
Typography
02 / Type

Typography

Warm serifs for display and body text evoke hand-lettered mission signage. A clean geometric sans-serif for labels and navigation balances tradition with clarity.

Display / Libre Baskerville 700
Adobe Walls
3rem / 48px -- Line height 1.2
Heading 1 / Libre Baskerville 700
Sun-Dried Mud Brick
2.25rem / 36px -- Line height 1.3
Heading 2 / Libre Baskerville 400
Pueblo Architecture
1.75rem / 28px -- Line height 1.4
Heading 3 / Josefin Sans 500
Southwestern Geometry
1.2rem / 19px -- Uppercase, letter-spacing 0.05em
Body / Crimson Pro 400
Adobe construction is one of the oldest building techniques in the Americas. The word "adobe" comes from the Arabic "al-tob," meaning sun-dried brick. These earthen structures naturally regulate temperature, staying cool in the scorching desert heat and warm through cold desert nights.
1.125rem / 18px -- Line height 1.75
Caption / Josefin Sans 300
Taos Pueblo has been continuously inhabited for over 1,000 years, making it one of the oldest communities in North America.
0.85rem / 13.6px -- Weight 300
03 / Spacing

Spacing Scale

A base-4 scale reflecting the patient, measured construction of hand-laid adobe bricks.

--space-xs
--space-sm
--space-md
--space-lg
--space-xl
Components
04 / Buttons

Buttons

Earthy, grounded interactions. Primary actions in warm terracotta, accents in desert sage.

05 / Forms

Forms

Clean inputs with warm borders that glow terracotta on focus, like sun hitting a clay wall.

As it appears on your pottery stamp
Content
06 / Cards

Cards

Content containers inspired by adobe buildings -- warm, solid, with arched openings and earthen palettes.

Saguaro Garden

Towering saguaro cacti stand sentinel across the Sonoran Desert, some reaching over 40 feet tall and living for 200 years.

Botanical

Pueblo Revival

Rounded walls, earth-toned stucco, and wooden vigas characterize this enduring architectural tradition of the Southwest.

Architecture

Desert Sunset

Ochre skies melt into terracotta mesas as the sun drops behind the Sangre de Cristo mountains each evening.

Landscape

Mission Doorway

Arched entries frame views of sunlit courtyards and hand-plastered walls.

Arched Variant

Kiva Fireplace

Corner fireplaces shaped from clay, warming rooms through cold desert nights.

Arched Variant
07 / Alerts

Alerts

Notifications colored by the desert palette -- turquoise sky for info, sage for growth, ochre for caution, terracotta for urgency.

Turquoise Sky

The adobe walls have been re-plastered and are curing in the afternoon sun. Allow 48 hours before applying the final wash coat.

Desert Bloom

The irrigation channels have been restored. Rainwater is now flowing to all courtyard plantings as designed.

Ochre Warning

Monsoon season approaches. Inspect all parapets and canales for proper drainage before the rains arrive.

Clay Alert

Structural cracks detected in the eastern wall. Suspend loading until an adobe mason can assess the foundation.

Navigation
08 / Navigation

Navigation

A dark clay navigation bar grounding the page, with sand-toned links that warm to ochre on hover.