Глубокий тёмно-синий, чистый белый и изумрудный акцент роста — доверие и точность цифр.
Серьёзно и спокойно: деньги любят тишину, цифры крупные, зелёный только для роста.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #0a1628;
--surface: #12233b;
--foreground: #f5f7fa;
--muted: #8b9bb4;
--accent: #3ecf8e;
--palette-1: #0a1628;
--palette-2: #12233b;
--palette-3: #1f3352;
--palette-4: #3ecf8e;
--palette-5: #f5f7fa;
--radius: 12px;
--shadow: 0 1px 0 rgb(255 255 255 / 0.05) inset, 0 12px 32px rgb(3 10 22 / 0.5);
--gradient: linear-gradient(180deg, #12233b 0%, #0a1628 100%);
--font-heading: GT America;
--font-body: Inter;
}@theme {
--color-background: #0a1628;
--color-surface: #12233b;
--color-foreground: #f5f7fa;
--color-muted: #8b9bb4;
--color-accent: #3ecf8e;
--radius-style: 12px;
--shadow-style: 0 1px 0 rgb(255 255 255 / 0.05) inset, 0 12px 32px rgb(3 10 22 / 0.5);
--font-heading: "GT America", sans-serif;
--font-body: "Inter", sans-serif;
}{
"name": "fintech-premium",
"color": {
"background": "#0a1628",
"surface": "#12233b",
"foreground": "#f5f7fa",
"muted": "#8b9bb4",
"accent": "#3ecf8e"
},
"palette": {
"Фон": "#0a1628",
"Поверхность": "#12233b",
"Линии": "#1f3352",
"Акцент": "#3ecf8e",
"Текст": "#f5f7fa"
},
"radius": "12px",
"shadow": "0 1px 0 rgb(255 255 255 / 0.05) inset, 0 12px 32px rgb(3 10 22 / 0.5)",
"gradient": "linear-gradient(180deg, #12233b 0%, #0a1628 100%)",
"font": {
"heading": {
"family": "GT America",
"weight": 500,
"tracking": "-0.02em"
},
"body": {
"family": "Inter"
}
}
}