Official Tailwind CSS inspired slate neutral background paired with bright sky blue and cyan action buttons.
Instantly shift Tailwind Cyan & Slate into Pastel, Dark, Luxury, Muted, or Vibrant variations.
Target industry compatibility and UI design system fit scores.
High-contrast data cards, charts, and clean sidebar navigation.
Instills institutional trust, wealth metrics, and transaction clarity.
Sleek dark or minimal backgrounds highlighting creative work.
Vibrant CTA buttons and product card grid contrast.
Calming, trustworthy tones ideal for clinical portals and telehealth.
Engaging, readable text contrast for learning management apps.
Optimized touch target contrast and compact mobile navigation.
Structured status indicators, tables, and settings control panels.
Instantly see how Tailwind Cyan & Slate behaves across real application layouts.
Leverage automated pipelines and real-time color tokens engineered for high-performing teams.
| Swatch | HEX | RGB | HSL | HSV | CMYK | OKLCH | Copy |
|---|---|---|---|---|---|---|---|
| #0F172A | rgb(15, 23, 42) | hsl(222°, 47%, 11%) | hsv(222°, 64%, 16%) | cmyk(64%, 45%, 0%, 84%) | oklch(0.208 0.04 265.7°) | ||
| #1E293B | rgb(30, 41, 59) | hsl(217°, 33%, 17%) | hsv(217°, 49%, 23%) | cmyk(49%, 31%, 0%, 77%) | oklch(0.279 0.036 260.5°) | ||
| #0EA5E9 | rgb(14, 165, 233) | hsl(199°, 89%, 48%) | hsv(199°, 94%, 91%) | cmyk(94%, 29%, 0%, 9%) | oklch(0.685 0.148 237.2°) | ||
| #38BDF8 | rgb(56, 189, 248) | hsl(198°, 93%, 60%) | hsv(198°, 77%, 97%) | cmyk(77%, 24%, 0%, 3%) | oklch(0.754 0.139 232.9°) | ||
| #F8FAFC | rgb(248, 250, 252) | hsl(210°, 40%, 98%) | hsv(210°, 2%, 99%) | cmyk(2%, 1%, 0%, 1%) | oklch(0.984 0.003 251.6°) |
Export directly for Tailwind, CSS Variables, SCSS, JSON, and Figma Tokens.
// Tailwind Cyan & Slate Tailwind Config
module.exports = {
theme: {
extend: {
colors: {
'tailwind-cyan-slate': {
'100': '#0F172A',
'200': '#1E293B',
'300': '#0EA5E9',
'400': '#38BDF8',
'500': '#F8FAFC',
}
}
}
}
};Automated contrast ratio analysis and text overlay recommendations for Tailwind Cyan & Slate.
Theoretical color wheel relationships derived from the dominant brand color #0F172A.
Clean indigo and azure tones paired with soft slate neutrals. Engineered for modern SaaS landing pages, analytics dashboards, and tech products.
Refreshing organic green palette bringing feelings of growth, sustainability, and financial prosperity to digital platforms.
High-trust deep sapphire blue and warm amber gold scheme engineered for banking institutions, enterprise SaaS, and legal apps.
Discover high-contrast, accessible color schemes used by top SaaS products like Linear, Stripe, and Apple.
How leading brands use red, blue, green, and gold to evoke trust, urgency, and premium luxury.
How to use soft pastel palettes in modern web design without sacrificing text readability.