自然提炼Nature Distilled
陶土、沙色、橄榄绿与奶油白，低饱和、哑光、粗颗粒，圆角柔和。传达手工与土地的质感，配色需避免脏灰。
典型场景香氛 · 家居 · 慢生活品牌
编号61
年代2025+ Handmade Warmth
复杂度Low
默认模式自动
效果示例
Nova
产品方案定价
开始使用
Design System
同一套组件
不同的性格
色彩、字体、圆角与材质，决定了界面的气质。
主要操作次要操作
标签 A标签 B+12
月度增长
+24.8%
转化率4.2%
客单价¥328
Aa Bb Cc 0123
按钮 / ButtonPrimaryGhost
输入 / Inputname@example.com
标签 / Chip已选中默认+8
进度 / Progress
开关 / Switch
数值 / Numeric1,284.50
同一副骨架，演示色彩、字体、圆角、描边、阴影与材质。明暗切换展示该风格在两种模式下的令牌表现。
风格描述
陶土、沙色、橄榄绿与奶油白，低饱和、哑光、粗颗粒，圆角柔和。传达手工与土地的质感，配色需避免脏灰。
关键词
Muted earthyskin toneswoodsoilsandterracottawarmthorganic materialshandmade warmth
效果与动效
Subtle parallax, natural easing (ease-out), texture overlays, grain effects, soft shadows
设计系统变量
--terracotta#C67B5C--sand-beige#D4C4A8--warm-clay#B5651D--soft-cream#F5F0E1--olive-green#6B7B3C--grain-opacity0.1配色方案
色值取自风格数据，不足时补充主题令牌主色 / Primary
Terracotta #C67B5C, Sand Beige #D4C4A8, Warm Clay #B5651D, Soft Cream #F5F0E1
辅色 / Secondary
Earth Brown #8B4513, Olive Green #6B7B3C, Warm Stone #9C8B7A, muted gradients
强调色在页面底色上的对比度约 2.9:1，仅适合装饰与大色块，不要用于文字。
适用场景
适合 / Best For
- Wellness brands
- sustainable products
- artisan goods
- organic food
- spa/beauty
- home decor
避开 / Do Not Use For
- Tech startups
- gaming
- nightlife
- corporate finance
- high-energy brands
框架兼容
tailwindcss
能力矩阵
浅色模式支持
深色模式有条件支持
移动适配可适配
转化导向强High
渲染成本低无额外开销
无障碍风险低contrast-text-4.5 / keyboard / visible-focus / reduced-motion
实现要点
落地清单
- Earth tones dominant,
- Warm feel achieved,
- Textures subtle,
- Handmade quality,
- Sustainable messaging,
- Calming aesthetic
CSS / 技术关键词
background: warm earth tones, color: #C67B5C #D4C4A8 #6B7B3C, border-radius: organic (varied), box-shadow: soft natural, texture overlays (grain), font: humanist sans-serif
AI 提示词
Design with nature distilled aesthetic. Use: muted earthy colors (terracotta, sand, olive), organic materials feel, warm tones, handmade warmth, natural textures, artisan quality, sustainable vibe, soft gradients.