HexCode

Palette Library

Ready-to-ship color systems for every industry.

Each palette includes HEX stacks, UI usage notes, SEO keywords, and FAQs so your team can move from mood board to production-ready tokens without guesswork.

Browse color pairingsView industry guides

Developer Tools • AI Productivity • Analytics

Neo-Brutalist SaaS Palette

High-contrast zinc neutrals with electric teal CTAs for productivity apps.

Positioned for devtools, AI dashboards, and power-user products. Zinc surfaces keep interfaces editorial while neon teal accents deliver unmistakable focus.

Use the charcoal base for chrome, layer muted text for comfort, then reserve the saturated teal for interactions that require immediate attention.

Navigation rails and global chromeMission-critical CTAs and status pillsCode block backgrounds and tabs
Open blueprint

  • Carbon Base

    #09090b

    Page background, modals

  • Zinc Shell

    #27272a

    Cards, sidebars, navigation

  • Muted Copy

    #a1a1aa

    Body text, muted labels

  • Signal Teal

    #14b8a6

    Primary actions, toggles

  • Warning Amber

    #fbbf24

    Non-blocking alerts

Wellness • DTC Commerce • Hospitality

Calm Wellness DTC Palette

Stone neutrals and botanical greens tailored for skincare and wellness commerce.

This palette leans into organic storytelling with soft stone neutrals, allowing product photography to remain hero. Botanical greens add life without breaking trust.

Use Stone 100–300 for packaging-inspired backgrounds and deploy Emerald accents for CTAs, price badges, and loyalty messaging.

Collection landing pagesStory-driven PDP sectionsSubscription prompts and loyalty blocks
Open blueprint

  • Stone Canvas

    #f5f5f4

    Backgrounds, hero sections

  • Clay Surface

    #d6d3d1

    Cards, accordions

  • Warm Graphite

    #44403c

    Headlines, icons

  • Emerald Accent

    #0f766e

    CTA buttons, price tags

  • Champagne Highlight

    #fde68a

    Promo ribbons, highlights

Fintech • Web3 • Investor Relations

Astro Fintech Palette

Cosmic blues and violets for wealth-tech, Web3, and premium financial dashboards.

The Astro palette mixes indigo gradients with electric sky highlights, signaling both trust and innovation. Perfect for dashboards, token products, and investor portals.

Deploy the deep navy background to reduce eye strain, then punch up KPIs with cyan and violet glows.

Executive dashboardsPricing calculatorsInvestor update microsites
Open blueprint

  • Deep Space

    #0f172a

    Backgrounds, nav bars

  • Trust Navy

    #1e3a8a

    Charts, cards, hero overlays

  • Orbit Violet

    #7c3aed

    Buttons, timeline markers

  • Pulse Cyan

    #06b6d4

    Progress indicators, badges

  • Signal Lime

    #84cc16

    Growth metrics, positive deltas

Editorial • Agencies • Fashion Tech

Editorial Monochrome Palette

Black-and-white storytelling toolkit for magazines, agencies, and long-form landing pages.

This palette strips color down to its essentials, relying on typography, spacing, and photography for drama.

Use Black 900 for hero backgrounds, overlay thin serif headlines, and introduce limited metallic gold to highlight CTAs.

Thought leadership pagesFounder letters and manifestosPress kits and investor decks
Open blueprint

  • Absolute Black

    #000000

    Hero panels, video frames

  • Onyx Surface

    #18181b

    Cards, navigation

  • Soft Gray

    #d4d4d8

    Body text, timelines

  • Paper White

    #fafafa

    Article backgrounds

  • Metallic Accent

    #f5d0fe

    Highlights, CTA underline

Climate Tech • Hardware • Energy

Climate Tech Gradient Palette

Solar-inspired gradients combining lime energy with earth neutrals.

Designed for climate, carbon, and frontier hardware startups. Lime gradients communicate optimism while neutral sand tones keep the experience grounded.

Use the lime-to-amber gradient for KPIs, progress trackers, and hero backgrounds that visualize energy flow.

Mission impact dashboardsInvestor updatesInteractive timelines
Open blueprint

  • Forest Core

    #14532d

    Backgrounds, overlays

  • Solar Lime

    #84cc16

    CTAs, chart leads

  • Ambient Amber

    #facc15

    Highlights, KPIs

  • Sand Neutral

    #f5f5f4

    Body backgrounds

  • Graphite Text

    #1c1917

    Headlines, stats

Entertainment • Esports • Media

Tokyo Neon Night

Vibrant magentas and cobalt blues inspired by Shinjuku after dark.

This regional palette is built for motion-heavy landing pages, esports, and entertainment products looking for a cinematic edge.

Use the obsidian background to frame content, then mix magenta and cobalt gradients for hero typography and callouts.

Hero marqueesEvent countdownsInteractive music experiences
Open blueprint

  • Obsidian

    #05020a

    Full-bleed backgrounds

  • Cobalt Pulse

    #4338ca

    Hero typography, data highlights

  • Neon Magenta

    #f43f5e

    Primary CTAs, buttons

  • Electric Violet

    #a855f7

    Gradients, badges

  • Vapor Teal

    #0ea5e9

    Hover states, progress bars

Travel • Hospitality • Lifestyle

Nordic Winter Light

Frosted neutrals with aurora-inspired accents for winter editorial campaigns.

Perfect for seasonal ecommerce, travel, or hospitality microsites. The palette balances quiet neutrals with ethereal blues and greens.

Deploy Frost White for backgrounds, then use Glacier Blue and Aurora Green to highlight CTAs and featured content.

Seasonal landing pagesHoliday gift guidesInteractive lookbooks
Open blueprint

  • Frost White

    #f8fafc

    Backgrounds, cards

  • Glacier Blue

    #dbeafe

    Section dividers, overlays

  • Aurora Green

    #6ee7b7

    Buttons, highlights

  • Moonlight Gray

    #94a3b8

    Body copy, icons

  • Midnight Pine

    #0f172a

    Headlines, nav bars

Fintech • Storytelling • Real Estate

Sahara Golden Hour

Desert-inspired ambers and plum shadows for fintech or storytelling landing pages.

This palette leans on warm sand neutrals contrasted with deep plum to create cinematic hero sections.

Use Sandstone for large surfaces, Plum Horizon for nav bars, and Solar Amber for key KPIs and CTAs.

Premium sales pagesInvestor updatesLong-form editorial
Open blueprint

  • Sandstone

    #fef3c7

    Backgrounds, cards

  • Solar Amber

    #f59e0b

    Primary CTAs, progress bars

  • Plum Horizon

    #581c87

    Navigation, hero copy

  • Date Palm

    #78350f

    Headlines, iconography

  • Mirage Violet

    #a855f7

    Highlights, pill badges

Events • Music Tech • Consumer Apps

Rio Carnival Color Burst

Festival-ready gradients mixing rainforest greens with sun-soaked corals.

Ideal for event marketing, music tech, and bold DTC launches that need instant energy.

Keep the rainforest green as your anchor, add coral for CTAs, and use bright yellow for badges or counters.

Ticketing flowsDrop announcementsCommunity dashboards
Open blueprint

  • Rainforest Base

    #047857

    Backgrounds, cards

  • Sunset Coral

    #ec4899

    Primary CTAs, highlight text

  • Parade Yellow

    #facc15

    Badges, metrics

  • Lagoon Blue

    #0ea5e9

    Links, toggles

  • Feather Violet

    #9333ea

    Gradients, pill buttons