Светлое дерево, туманный серо-голубой и мягкие скругления — уют без украшений.
Светло, тепло и функционально: ничего лишнего, всё удобно.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #f5f3ef;
--surface: #ffffff;
--foreground: #2e3438;
--muted: #7d8589;
--accent: #5b7083;
--palette-1: #f5f3ef;
--palette-2: #ffffff;
--palette-3: #e0dcd3;
--palette-4: #c8b89f;
--palette-5: #5b7083;
--radius: 10px;
--shadow: 0 2px 12px rgb(46 52 56 / 0.06);
--gradient: linear-gradient(180deg, #ffffff 0%, #f5f3ef 100%);
--font-heading: Söhne;
--font-body: Inter;
}@theme {
--color-background: #f5f3ef;
--color-surface: #ffffff;
--color-foreground: #2e3438;
--color-muted: #7d8589;
--color-accent: #5b7083;
--radius-style: 10px;
--shadow-style: 0 2px 12px rgb(46 52 56 / 0.06);
--font-heading: "Söhne", sans-serif;
--font-body: "Inter", sans-serif;
}{
"name": "nordic-calm",
"color": {
"background": "#f5f3ef",
"surface": "#ffffff",
"foreground": "#2e3438",
"muted": "#7d8589",
"accent": "#5b7083"
},
"palette": {
"Фон": "#f5f3ef",
"Поверхность": "#ffffff",
"Линии": "#e0dcd3",
"Дерево": "#c8b89f",
"Фьорд": "#5b7083"
},
"radius": "10px",
"shadow": "0 2px 12px rgb(46 52 56 / 0.06)",
"gradient": "linear-gradient(180deg, #ffffff 0%, #f5f3ef 100%)",
"font": {
"heading": {
"family": "Söhne",
"weight": 500,
"tracking": "-0.01em"
},
"body": {
"family": "Inter"
}
}
}