Colorhunt shortlists

Three Green Systems for SKH Computers

Compare the best performing ColorHunt palettes for a wholesale B2B laptop platform. Each tab applies the palette to buttons, forms, cards, navigation, and tokens so the team can evaluate tone and utility.

Pick 01 — ColorHunt Favourite

Emerald & Mint

Deep emerald anchored by bright mint and clean white. Delivers maximum trust for procurement teams and keeps photography crisp.

View palette on ColorHunt →
Color Palette

Bold primaries with pastel supports maintain a corporate tone while allowing highlight states to pop.

Primary · Deep Emerald

#1B4332

Secondary · Forest

#2D6A4F

Accent · Mint

#52B788

Pastel Mid · Foam

#95D5B2

Pastel Light

#D8F3DC

Background Tint

#E9F5E1

Surface · White

#FFFFFF

Body Text

#1A1A1A

Color usage

  • Primary for nav bars, hero headlines, strong CTA fills.
  • Secondary for hover states, charts, and key data accents.
  • Pastel mid/light for cards, filters, tables, and chip fills.
  • Accent for WhatsApp CTAs, status badges, and iconography.
Typography scale

Inter keeps the look global-friendly. Bold headings contrast with regular body copy for catalogs and emails.

H1 · 48px · Bold
Global Wholesale Coverage
H2 · 36px · Bold
Inventory Highlights
H3 · 24px · Semi
Dell Latitude Series
Body · 16px · Regular
Certified Grade-A laptops supplied with QC reports, logistics coordination, and payment flexibility.
Caption · 14px · Regular
Intel® Core i5 · 16 GB RAM · 512 GB NVMe · 1-Year warranty
Label · 12px · Medium
In Stock · Grade A · QC Passed
Buttons & CTAs

Use filled primary buttons for decisive actions, outline for secondary, mint accent for WhatsApp flows.

Form elements

Enter a valid country code and number.

Cards & stats
Dell Latitude

Latitude 5530 · i7 / 16 / 512

Grade A refurbished · 12 month support · Ready to ship in 5 days.

$245 / unit · MOQ 50
220+
Models
15
Countries
98%
QC pass

Usage tips

  • Keep CTA buttons filled; outlines only for secondary actions.
  • Use pastel foams for tables and cards to keep heavy data airy.
  • Accent mint draws attention to WhatsApp or quick chat prompts.
Badges & tags
In Stock Bulk Order 5% Discount

Brand tags

Dell HP Lenovo Apple

Capability tags

Core i5 Core i7 16 GB RAM Grade A 2,000 units/mo
Navigation preview
Spacing & radius tokens

Spacing scale

4px · micro padding
8px · input padding
12px · chip gap
16px · button padding
24px · card padding
32px · section gutters
40px · hero gap
48px · desktop rhythm

Border radius

4px · inputs
8px · buttons & badges
12px · cards
16px · hero blocks
Full · tags / pills
Pick 02 — ColorHunt Popular

Sage & Cream

Muted sage greens paired with warm cream and off-white. Calming for mobile-first journeys and long catalog browsing.

View palette on ColorHunt →
Color Palette

Warm neutrals soften procurement flows while keeping the brand distinct.

Primary · Dark Sage

#4A7C59

Secondary · Sage Mid

#74A478

Accent · Pastel Sage

#A7C4A0

Surface Tint

#D9EAD3

Cream Section

#F2F5EC

Warm White

#FDFAF4

Surface · White

#FFFFFF

Body Text

#1A1A1A

Color usage

  • Dark sage anchors nav bars and KPI cards.
  • Mid sage handles hover/focus rings for better accessibility.
  • Cream backgrounds soften long-form tables.
  • Pastel chips highlight filters and badges without harsh contrast.
Typography scale

Same hierarchy as the emerald set, but colors lighten to keep the UI gentle on AMOLED screens.

H1 · 48px · Bold
Comfortable Purchase Journeys
H2 · 36px · Bold
Live Stock Signals
H3 · 24px · Semi
HP EliteBook Program
Body
Soft palette makes dense product data easy to consume on phones and tablets.
Caption
Intel vPro · Touch ID · 1.3 kg chassis
Label
Ready to ship
Buttons & CTAs
Form elements
Cards & stats
HP EliteBook

840 G6 · i5 / 8 / 256

Softer palette makes mobile buyers linger longer on product specs.

$215 / unit · MOQ 80
180+
Models
12
Markets
92%
Repeat

Usage tips

  • Warm whites reduce glare for late-night buyers on AMOLED screens.
  • Dark sage provides enough contrast for WCAG AA in nav bars.
  • Mix cream sections between dense data tables to regain focus.
Badges & tags
Ready Bulk Lane Promo
Dell HP Lenovo Apple
Touchscreen Backlit KB Fingerprint Grade A
Navigation preview
Spacing & radius tokens

Spacing scale

4px · micro
8px · inputs
12px · stack gap
16px · buttons
24px · cards
32px · sections
40px · hero columns
48px · desktop rhythm

Border radius

4px · inputs
8px · buttons
12px · cards
16px · hero
Full · pills
Pick 03 — ColorHunt Trending

Pistachio & White

Fresh pistachio greens with vivid highlights keep things modern and energetic for tech-forward presentations.

View palette on ColorHunt →
Color Palette

Vivid nav bars with bright pistachio highlights keep the UI energetic without losing trust.

Primary · Vivid Green

#3D8B37

Secondary · Leaf

#57A64A

Accent · Pistachio

#90C97F

Pastel Lime

#C5E8B0

Hint Tint

#E9F5E1

Surface · White

#FFFFFF

Background Wash

#F7FCF4

Body Text

#1A1A1A

Color usage

  • Use vivid green for nav, hero headlines, callouts.
  • Leaf green handles hover, toggles, step indicators.
  • Pistachio accent for hero buttons, icons, progress bars.
  • Pastel lime for badges, chips, and product tags.
Typography scale

Sharp contrast on bright backgrounds makes this theme ideal for pitch decks and landing pages.

H1
Tech-Forward Procurement
H2
Instant Stock Drops
H3
Apple MacBook Program
Body
Bright pistachio energy keeps modern buyers engaged while scanning SKUs.
Caption
M2 · 16 GB · 512 GB SSD · 13.6"
Label
Ships in 3 days
Buttons & CTAs
Form elements

Add country code.

Cards & stats
Apple MacBook Air

M2 · 13" · 8 / 256

Popular with startup buyers wanting a punchy, optimistic UI.

$735 / unit · MOQ 30
140+
SKUs
8
New brands
24h
Response

Usage tips

  • Use bright pistachio backgrounds for hero stripes or highlight cards.
  • Pair with crisp white surfaces to keep the look premium.
  • Great for marketing sites, onboarding flows, and event landing pages.
Badges & tags
In Stock Fast Ship Promo
Dell HP Lenovo Apple
OLED 4K USB-C Wi-Fi 6
Navigation preview
Spacing & radius tokens

Spacing scale

4px · micro
8px · inputs
12px · chips
16px · buttons
24px · cards
32px · sections
40px · hero
48px · marketing blocks

Border radius

4px · tables
8px · pills
12px · cards
16px · hero
Full · CTA