Developer Tools • AI Productivity • Analytics

Neo-Brutalist SaaS Palette

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

neo brutalist palettedeveloper tool colorssaas color scheme

Download JSON tokensAPI: POST-less GET endpoint ready for CI export.

curl https://hexcode.space/api/palettes/neo-brutalist-saas/tokens -o neo-brutalist-saas-tokens.json

Positioning & Story

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.

Read guides →Explore families →

UX Applications

Navigation rails and global chrome
Mission-critical CTAs and status pills
Code block backgrounds and tabs

Suggested flows: Developer Tools, AI Productivity, Analytics

Palette Swatches

Click any color to open the full HEX profile

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

FAQs

How do I avoid teal overuse?

Cap Signal Teal at ~12% of the canvas. Use it for CTAs, focus rings, and data highlights only, letting neutrals carry the rest of the interface.

Can this palette support light mode?

Yes. Invert the neutrals (Zinc 50/100 for backgrounds) and keep Signal Teal identical so brand recognition remains consistent.