Back to Gallery

UI Theme Builder

Build and preview custom colour themes with live component examples. Export as CSS variables for shadcn/ui, DaisyUI, Tailwind v4, or as JSON tokens for Figma.

Configuration

Dark theme with deep teals and vibrant mint accents inspired by Aoraki National Park's glacial waters at night • OKLCH format for shadcn/ui

Theme Colours

Click any colour to customize

Background
#0a1614
Foreground
#e6fef4
Card
#1a2c27
Card Foreground
#e6fef4
Popover
#1a2c27
Popover Foreground
#e6fef4
Primary
#10b981
Primary Foreground
#f0fdf4
Secondary
#14b8a6
Secondary Foreground
#f0fdfa
Accent
#06b6d4
Accent Foreground
#ecfeff
Destructive
#ef4444
Destructive Foreground
#fef2f2
Muted
#1e3a32
Muted Foreground
#94a3b8
Border
#2d4a42
Input
#2d4a42
Ring
#10b981

Freelancer Marketplace

Live preview using the Aoraki Dark theme

Total Earnings
$48,574
+12.5% from last month
Active Projects
127
+23 from last week
Total Freelancers
1,428
+89 this month

Project Completions

Projects completed over time

Design
Development

Form Input

Focus to see the ring colour

Popover

Click to toggle popover colours

Available Freelancers

Find the perfect freelancer for your next project

NameExpertiseStatusRateLocation
Emma Stevens
@emmastevens10101970
UI/UX Design
Figma, Adobe XD
Available
$85/hr
Remote
Marcus Chen
@marcuschen90210
Full Stack Dev
React, Node.js
Busy
$120/hr
Hybrid
Sofia Patel
@sofiap_4949
Mobile Developer
Swift, Kotlin
Available
$95/hr
Remote
James Wilson
@jameswilson19800102
DevOps Engineer
AWS, Docker, K8s
Unavailable
$110/hr
In-Office
Aisha Lopez
@aishalopez_4156
Content Writer
SEO, Copywriting
Available
$65/hr
Remote

Buttons & Actions