Plum Black
Deep structure, dark canvas, and high-trust framing.
OKLCH palette for quiet interfaces
inm is a low-chroma color system for editorial tools, portfolios, dashboards, and creative product UI. It ships with semantic tokens, light and dark modes, and APCA-informed contrast guidance.
The original anchors stay visible, while semantic tokens do the day-to-day work: canvas, surface, raised layers, text, borders, accent actions, and cool support states.
Deep structure, dark canvas, and high-trust framing.
Brand accent, active controls, and gentle emphasis.
Cool support tone for statuses, metadata, and balance.
The light canvas: calm, tactile, and easy to scan.
Both modes keep the same semantic roles, so a product can switch mood without rewriting component logic or losing hierarchy.
Use semantic classes in product code and let the palette files handle the exact OKLCH values, mode overrides, radius, font, and shadows.
@import "./assets/tailwind-theme.css";
<main class="bg-bg text-text font-sans">
<section class="bg-surface border border-border rounded-control">
<button class="bg-accent text-on-accent rounded-control">
Apply Palette
</button>
</section>
</main>