About Slate
Slate, #708090, is gray with a drop of blue — named for the fine-grained roofing stone. In modern interface design “slate” outgrew the rock: it is the name of the most-used neutral scale on the web, the blue-grays that most dark modes and dashboards are built from.
History
Slate roofed Europe, floored billiard tables and carried a century of schoolwork — the blank slate and the chalkboard are the same rock. Tailwind’s slate scale then made the word a developer default: this hub’s dark canvases are slate through and through.
Psychology
Slate reads precise, modern and unemotional in the best way — gray with intellect. Its blue undertone keeps interfaces cool and technical where warm grays go cozy.
In design
Slate is the professional’s neutral scale: #0f172a for canvases, #334155 for surfaces, #64748b for muted text, #94a3b8 for placeholders. CSS slategray #708090 itself passes AA only for large text — body slate wants #475569. Every accent color reads clean against it.
In culture
Clean slates, slated for release, slate roofs outliving their houses: the rock means both permanence and fresh starts — a paradox designers exploit daily.