Inspired by the enigmatic atmosphere of Twin Peaks, this theme uses a deep, mysterious red as its primary focus, reminiscent of the Black Lodge curtains. It's balanced with cool, misty greys and off-whites for backgrounds, evoking the foggy Pacific Northwest setting. Accent colors draw from natural wood and forest tones, creating a moody, slightly retro, and cohesive experience suitable for applications requiring a touch of intrigue. Accessibility is maintained through careful contrast adjustments in both light and dark modes.
Global Foundation
Core colors that establish the theme's overall visual foundation
background
oklch(0.99 0.01 240)
foreground
oklch(0.15 0.01 240)
muted
oklch(0.95 0.015 240)
muted-foreground
oklch(0.45 0.01 240)
border
oklch(0.90 0.02 240)
Content Containers
Colors for cards, popovers, modals, and other content containers
card
oklch(0.99 0.01 240)
card-foreground
oklch(0.15 0.01 240)
popover
oklch(0.99 0.01 240)
popover-foreground
oklch(0.15 0.01 240)
Interactive Elements
Colors for buttons, controls, and other interactive components
primary
oklch(0.60 0.22 25)
primary-foreground
oklch(0.98 0.02 25)
secondary
oklch(0.96 0.02 240)
secondary-foreground
oklch(0.20 0.01 240)
accent
oklch(0.96 0.02 240)
accent-foreground
oklch(0.20 0.01 240)
destructive
oklch(0.58 0.20 15)
Form Controls
Colors for form elements, inputs, and interactive controls
input
oklch(0.88 0.02 240)
ring
oklch(0.75 0.15 25)
Navigation & Layout
Colors specific to navigation components like sidebars and menus
sidebar
oklch(0.97 0.01 240)
sidebar-ring
oklch(0.75 0.15 25)
sidebar-accent
oklch(0.94 0.02 240)
sidebar-border
oklch(0.90 0.02 240)
sidebar-primary
oklch(0.60 0.22 25)
sidebar-foreground
oklch(0.15 0.01 240)
sidebar-accent-foreground
oklch(0.20 0.01 240)
sidebar-primary-foreground
oklch(0.98 0.02 25)
Data Visualization
Color series designed for charts, graphs, and data representation
