Шалфей, тёплый крем и мягкие скругления — спокойный стиль спа и wellness-брендов.
Дыхание и баланс: мягкие формы, природные оттенки, медленные переходы.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #f4f1ea;
--surface: #fbf9f5;
--foreground: #2f3a33;
--muted: #7d877f;
--accent: #8a9a7b;
--palette-1: #f4f1ea;
--palette-2: #fbf9f5;
--palette-3: #dfe3d6;
--palette-4: #2f3a33;
--palette-5: #8a9a7b;
--radius: 20px;
--shadow: 0 4px 24px rgb(47 58 51 / 0.07);
--gradient: linear-gradient(180deg, #fbf9f5 0%, #f4f1ea 100%);
--font-heading: Instrument Serif;
--font-body: Inter;
}@theme {
--color-background: #f4f1ea;
--color-surface: #fbf9f5;
--color-foreground: #2f3a33;
--color-muted: #7d877f;
--color-accent: #8a9a7b;
--radius-style: 20px;
--shadow-style: 0 4px 24px rgb(47 58 51 / 0.07);
--font-heading: "Instrument Serif", serif;
--font-body: "Inter", sans-serif;
}{
"name": "wellness-calm",
"color": {
"background": "#f4f1ea",
"surface": "#fbf9f5",
"foreground": "#2f3a33",
"muted": "#7d877f",
"accent": "#8a9a7b"
},
"palette": {
"Крем": "#f4f1ea",
"Поверхность": "#fbf9f5",
"Туман": "#dfe3d6",
"Текст": "#2f3a33",
"Шалфей": "#8a9a7b"
},
"radius": "20px",
"shadow": "0 4px 24px rgb(47 58 51 / 0.07)",
"gradient": "linear-gradient(180deg, #fbf9f5 0%, #f4f1ea 100%)",
"font": {
"heading": {
"family": "Instrument Serif",
"weight": 400,
"tracking": "-0.01em"
},
"body": {
"family": "Inter"
}
}
}