v0
WebsiteA strictly neutral, achromatic theme built on pure greyscale — every surface sits at chroma 0, with no warm or cool bias. Light and dark modes mirror each other cleanly, with alpha-based tokens for inputs and borders that adapt to any surface.
Colors
Surfaces & Text
background
oklch(0.985 0 0)
#fafafa
foreground
oklch(0.205 0 0)
#171717
The default app background and text color.
card
oklch(1 0 0)
#ffffff
card-foreground
oklch(0.205 0 0)
#171717
Elevated surfaces and the content inside them.
muted
oklch(0.985 0 0)
#fafafa
muted-foreground
oklch(0.51 0 0)
#666666
Subtle surfaces and lower-emphasis content.
Actions
primary
oklch(0.205 0 0)
#171717
primary-foreground
oklch(1 0 0)
#ffffff
High-emphasis actions and brand surfaces.
secondary
oklch(0.94 0 0)
#ebebeb
secondary-foreground
oklch(0.205 0 0)
#171717
Lower-emphasis filled actions and supporting surfaces.
accent
oklch(0.961 0 0)
#f2f2f2
accent-foreground
oklch(0.205 0 0)
#171717
Interactive hover, focus, and active surfaces.
destructive
oklch(0.626 0.1935 23.1)
#e5484d
Destructive actions and error emphasis.
Borders & Forms
border
oklch(0.937 0 0)
#eaeaea
Default borders and separators.
input
oklch(0 0 0/.078)
#00000014
Form control borders and input surface treatment.
ring
oklch(0 0 0/.341)
#00000057
Focus rings and outlines.
Sidebar
sidebar
oklch(0.985 0 0)
#fafafa
sidebar-foreground
oklch(0.51 0 0)
#666666
The base sidebar surface and default sidebar text.
sidebar-accent
oklch(0 0 0/.078)
#00000014
sidebar-accent-foreground
oklch(0.205 0 0)
#171717
Hover and selected states inside the sidebar.
sidebar-border
oklch(0.937 0 0)
#eaeaea
Sidebar-specific borders and separators.