Тёплый песочный, глубокий оливковый и изящная антиква — атмосфера отеля с историей.
Неспешно и гостеприимно: тёплые тона, фото интерьеров и крупная антиква.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #efe9df;
--surface: #f8f4ee;
--foreground: #2a2a22;
--muted: #857f72;
--accent: #4f5a3c;
--palette-1: #efe9df;
--palette-2: #f8f4ee;
--palette-3: #d6ccbb;
--palette-4: #2a2a22;
--palette-5: #4f5a3c;
--radius: 2px;
--shadow: 0 6px 20px rgb(42 42 34 / 0.08);
--gradient: linear-gradient(180deg, #f8f4ee 0%, #efe9df 100%);
--font-heading: Ogg;
--font-body: Inter;
}@theme {
--color-background: #efe9df;
--color-surface: #f8f4ee;
--color-foreground: #2a2a22;
--color-muted: #857f72;
--color-accent: #4f5a3c;
--radius-style: 2px;
--shadow-style: 0 6px 20px rgb(42 42 34 / 0.08);
--font-heading: "Ogg", serif;
--font-body: "Inter", sans-serif;
}{
"name": "boutique-hotel",
"color": {
"background": "#efe9df",
"surface": "#f8f4ee",
"foreground": "#2a2a22",
"muted": "#857f72",
"accent": "#4f5a3c"
},
"palette": {
"Песок": "#efe9df",
"Поверхность": "#f8f4ee",
"Лён": "#d6ccbb",
"Текст": "#2a2a22",
"Олива": "#4f5a3c"
},
"radius": "2px",
"shadow": "0 6px 20px rgb(42 42 34 / 0.08)",
"gradient": "linear-gradient(180deg, #f8f4ee 0%, #efe9df 100%)",
"font": {
"heading": {
"family": "Ogg",
"weight": 400,
"tracking": "-0.01em"
},
"body": {
"family": "Inter"
}
}
}