Perplexity

Website

A warm theme rooted in amber-brown hues (78–94 in light, shifting to a cooler 67 in dark), with a hint more chroma in the accent tokens that gives it a richer, more atmospheric feel than a pure neutral. Almost every secondary surface is built from alpha-layered tokens of the same warm hue, so borders, inputs, and muted areas tint naturally onto whatever sits beneath them.

Colors

Surfaces & Text

background

oklch(0.9798 0.0045 78.3)

#faf8f5

foreground

oklch(0.2642 0.0129 93.9)

#27251e

The default app background and text color.

card

oklch(0.9893 0.0025 48.72)

#fdfbfa

card-foreground

oklch(0.2642 0.0129 93.9)

#27251e

Elevated surfaces and the content inside them.

muted

oklch(0.2282 0.0469 83.09 / 3.5%)

#271a0009

muted-foreground

oklch(0.2642 0.0129 93.9 / 65.1%)

#27251ea6

Subtle surfaces and lower-emphasis content.

Actions

primary

oklch(0.2642 0.0129 93.9)

#27251e

primary-foreground

oklch(0.9893 0.0025 48.72)

#fdfbfa

High-emphasis actions and brand surfaces.

secondary

oklch(0.2282 0.0469 83.09 / 7.1%)

#271a0012

secondary-foreground

oklch(0.2642 0.0129 93.9)

#27251e

Lower-emphasis filled actions and supporting surfaces.

accent

oklch(0.2282 0.0469 83.09 / 7.1%)

#271a0012

accent-foreground

oklch(0.2642 0.0129 93.9)

#27251e

Interactive hover, focus, and active surfaces.

destructive

oklch(0.4918 0.1434 16.18)

#a23544

Destructive actions and error emphasis.

Borders & Forms

border

oklch(0.2282 0.0469 83.09 / 7.1%)

#271a0012

Default borders and separators.

input

oklch(0.2282 0.0469 83.09 / 14.1%)

#271a0024

Form control borders and input surface treatment.

ring

oklch(0.2282 0.0469 83.09 / 14.1%)

#271a0024

Focus rings and outlines.

Sidebar

sidebar

oklch(0.2282 0.0469 83.09 / 3.5%)

#271a0009

sidebar-foreground

oklch(0.2642 0.0129 93.9 / 65.1%)

#27251ea6

The base sidebar surface and default sidebar text.

sidebar-accent

oklch(0.2282 0.0469 83.09 / 7.1%)

#271a0012

sidebar-accent-foreground

oklch(0.2642 0.0129 93.9)

#27251e

Hover and selected states inside the sidebar.

sidebar-border

oklch(0.2282 0.0469 83.09 / 7.1%)

#271a0012

Sidebar-specific borders and separators.

Screenshots