20 Presets
Brand palettes focus on recognition, trust, and consistent product identity across landing pages, dashboards, and marketing systems.
Curated Color Systems
Choose from ready-made palette directions for products, marketing sites, premium editorials, dark interfaces, and soft modern brands. Each style now includes a deeper working set so you can compare variations instead of settling for one random scheme.
Brand palettes focus on recognition, trust, and consistent product identity across landing pages, dashboards, and marketing systems.
UI palettes are tuned for cards, buttons, surfaces, and interface hierarchy so designers and developers can start from practical systems.
Dark palettes prioritize contrast, calm surfaces, and strong readability for dashboards, editors, code tools, and modern product themes.
Soft palettes use muted, airy colors for lifestyle brands, portfolios, wellness projects, and elegant light interfaces.
Editorial palettes are built for reading-heavy layouts, visual storytelling, premium brand presentation, and content-first experiences.
Trust-first blue and slate tones for finance, B2B software, and institutional products. This version stays closest to the original direction for a balanced default starting point.
Trust-first blue and slate tones for finance, B2B software, and institutional products. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Trust-first blue and slate tones for finance, B2B software, and institutional products. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Trust-first blue and slate tones for finance, B2B software, and institutional products. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Trust-first blue and slate tones for finance, B2B software, and institutional products. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Cool navy and glacier accents for clean service brands, software platforms, and structured enterprise pages. This version stays closest to the original direction for a balanced default starting point.
Cool navy and glacier accents for clean service brands, software platforms, and structured enterprise pages. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Cool navy and glacier accents for clean service brands, software platforms, and structured enterprise pages. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Cool navy and glacier accents for clean service brands, software platforms, and structured enterprise pages. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Cool navy and glacier accents for clean service brands, software platforms, and structured enterprise pages. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Grounded blue, steel, and sand values for legal, policy, consulting, and credibility-first brands. This version stays closest to the original direction for a balanced default starting point.
Grounded blue, steel, and sand values for legal, policy, consulting, and credibility-first brands. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Grounded blue, steel, and sand values for legal, policy, consulting, and credibility-first brands. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Grounded blue, steel, and sand values for legal, policy, consulting, and credibility-first brands. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Grounded blue, steel, and sand values for legal, policy, consulting, and credibility-first brands. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Confident indigo and cyan contrast for modern software companies that need a sharper, more technical brand tone. This version stays closest to the original direction for a balanced default starting point.
Confident indigo and cyan contrast for modern software companies that need a sharper, more technical brand tone. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Confident indigo and cyan contrast for modern software companies that need a sharper, more technical brand tone. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Confident indigo and cyan contrast for modern software companies that need a sharper, more technical brand tone. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Confident indigo and cyan contrast for modern software companies that need a sharper, more technical brand tone. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Balanced neutrals with energetic highlights for conversion-focused stores and product pages. This version stays closest to the original direction for a balanced default starting point.
Balanced neutrals with energetic highlights for conversion-focused stores and product pages. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Balanced neutrals with energetic highlights for conversion-focused stores and product pages. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Balanced neutrals with energetic highlights for conversion-focused stores and product pages. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Balanced neutrals with energetic highlights for conversion-focused stores and product pages. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Bright but controlled interface colors for onboarding flows, cards, and app marketing. This version stays closest to the original direction for a balanced default starting point.
Bright but controlled interface colors for onboarding flows, cards, and app marketing. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Bright but controlled interface colors for onboarding flows, cards, and app marketing. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Bright but controlled interface colors for onboarding flows, cards, and app marketing. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Bright but controlled interface colors for onboarding flows, cards, and app marketing. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
A practical UI system for admin panels, analytics surfaces, tables, and product navigation. This version stays closest to the original direction for a balanced default starting point.
A practical UI system for admin panels, analytics surfaces, tables, and product navigation. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
A practical UI system for admin panels, analytics surfaces, tables, and product navigation. This version deepens the core tones for stronger interface contrast and a more premium product feel.
A practical UI system for admin panels, analytics surfaces, tables, and product navigation. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
A practical UI system for admin panels, analytics surfaces, tables, and product navigation. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Higher-energy controls and dependable neutrals for product interfaces with active states and conversion moments. This version stays closest to the original direction for a balanced default starting point.
Higher-energy controls and dependable neutrals for product interfaces with active states and conversion moments. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Higher-energy controls and dependable neutrals for product interfaces with active states and conversion moments. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Higher-energy controls and dependable neutrals for product interfaces with active states and conversion moments. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Higher-energy controls and dependable neutrals for product interfaces with active states and conversion moments. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
A confident dark SaaS palette for dashboards, headers, and focused product interfaces. This version stays closest to the original direction for a balanced default starting point.
A confident dark SaaS palette for dashboards, headers, and focused product interfaces. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
A confident dark SaaS palette for dashboards, headers, and focused product interfaces. This version deepens the core tones for stronger interface contrast and a more premium product feel.
A confident dark SaaS palette for dashboards, headers, and focused product interfaces. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
A confident dark SaaS palette for dashboards, headers, and focused product interfaces. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
An extra-dark reading and writing palette designed for depth, contrast, and calm focus. This version stays closest to the original direction for a balanced default starting point.
An extra-dark reading and writing palette designed for depth, contrast, and calm focus. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
An extra-dark reading and writing palette designed for depth, contrast, and calm focus. This version deepens the core tones for stronger interface contrast and a more premium product feel.
An extra-dark reading and writing palette designed for depth, contrast, and calm focus. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
An extra-dark reading and writing palette designed for depth, contrast, and calm focus. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Deep charcoal surfaces with signal accents for terminals, developer tools, and data-rich interfaces. This version stays closest to the original direction for a balanced default starting point.
Deep charcoal surfaces with signal accents for terminals, developer tools, and data-rich interfaces. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Deep charcoal surfaces with signal accents for terminals, developer tools, and data-rich interfaces. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Deep charcoal surfaces with signal accents for terminals, developer tools, and data-rich interfaces. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Deep charcoal surfaces with signal accents for terminals, developer tools, and data-rich interfaces. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Dark product layers with cooler highlights for modern engineering products and sharp dark hero sections. This version stays closest to the original direction for a balanced default starting point.
Dark product layers with cooler highlights for modern engineering products and sharp dark hero sections. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Dark product layers with cooler highlights for modern engineering products and sharp dark hero sections. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Dark product layers with cooler highlights for modern engineering products and sharp dark hero sections. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Dark product layers with cooler highlights for modern engineering products and sharp dark hero sections. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Muted editorial pastels for lifestyle brands, landing pages, and clean portfolio sites. This version stays closest to the original direction for a balanced default starting point.
Muted editorial pastels for lifestyle brands, landing pages, and clean portfolio sites. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Muted editorial pastels for lifestyle brands, landing pages, and clean portfolio sites. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Muted editorial pastels for lifestyle brands, landing pages, and clean portfolio sites. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Muted editorial pastels for lifestyle brands, landing pages, and clean portfolio sites. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
A delicate feminine palette for beauty, fashion, and curated personal brands. This version stays closest to the original direction for a balanced default starting point.
A delicate feminine palette for beauty, fashion, and curated personal brands. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
A delicate feminine palette for beauty, fashion, and curated personal brands. This version deepens the core tones for stronger interface contrast and a more premium product feel.
A delicate feminine palette for beauty, fashion, and curated personal brands. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
A delicate feminine palette for beauty, fashion, and curated personal brands. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Airy grays, powder blues, and soft paper tones for calm apps, course sites, and gentle editorial layouts. This version stays closest to the original direction for a balanced default starting point.
Airy grays, powder blues, and soft paper tones for calm apps, course sites, and gentle editorial layouts. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Airy grays, powder blues, and soft paper tones for calm apps, course sites, and gentle editorial layouts. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Airy grays, powder blues, and soft paper tones for calm apps, course sites, and gentle editorial layouts. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Airy grays, powder blues, and soft paper tones for calm apps, course sites, and gentle editorial layouts. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Subtle sage, cream, and bark values for wellness, interiors, and nature-forward branding. This version stays closest to the original direction for a balanced default starting point.
Subtle sage, cream, and bark values for wellness, interiors, and nature-forward branding. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Subtle sage, cream, and bark values for wellness, interiors, and nature-forward branding. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Subtle sage, cream, and bark values for wellness, interiors, and nature-forward branding. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Subtle sage, cream, and bark values for wellness, interiors, and nature-forward branding. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Refined warm neutrals and gold accents for premium visual identity work. This version stays closest to the original direction for a balanced default starting point.
Refined warm neutrals and gold accents for premium visual identity work. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Refined warm neutrals and gold accents for premium visual identity work. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Refined warm neutrals and gold accents for premium visual identity work. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Refined warm neutrals and gold accents for premium visual identity work. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Professional grayscale foundations with one assertive accent for content-heavy publications. This version stays closest to the original direction for a balanced default starting point.
Professional grayscale foundations with one assertive accent for content-heavy publications. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Professional grayscale foundations with one assertive accent for content-heavy publications. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Professional grayscale foundations with one assertive accent for content-heavy publications. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Professional grayscale foundations with one assertive accent for content-heavy publications. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Paper-like neutrals and ink-heavy contrast for essays, reports, and long-form storytelling. This version stays closest to the original direction for a balanced default starting point.
Paper-like neutrals and ink-heavy contrast for essays, reports, and long-form storytelling. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Paper-like neutrals and ink-heavy contrast for essays, reports, and long-form storytelling. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Paper-like neutrals and ink-heavy contrast for essays, reports, and long-form storytelling. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Paper-like neutrals and ink-heavy contrast for essays, reports, and long-form storytelling. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
Quiet cream, stone, and graphite values for portfolio sites, museum pages, and art direction layouts. This version stays closest to the original direction for a balanced default starting point.
Quiet cream, stone, and graphite values for portfolio sites, museum pages, and art direction layouts. This version lifts the palette slightly for cleaner backgrounds, softer cards, and lighter supporting surfaces.
Quiet cream, stone, and graphite values for portfolio sites, museum pages, and art direction layouts. This version deepens the core tones for stronger interface contrast and a more premium product feel.
Quiet cream, stone, and graphite values for portfolio sites, museum pages, and art direction layouts. This version pushes separation a little further to help headlines, actions, and interface grouping stand out more clearly.
Quiet cream, stone, and graphite values for portfolio sites, museum pages, and art direction layouts. This version softens the neutrals and lets the accent tones feel brighter for hero sections, highlights, and expressive surfaces.
How to use this library
Brand palettes work best when you need a recognizable identity. UI palettes are stronger for apps, dashboards, and landing pages. Dark palettes help with product depth, soft palettes reduce visual harshness, and editorial palettes support content-rich layouts.
The most useful palette is not always the most vibrant one. Review how the darkest swatches work for text, how the middle tones separate cards and sections, and how the lightest colors behave as page backgrounds or surface layers.
Each preset is meant to shorten decision-making, not lock you in. Copy a palette, test it inside your interface, then refine individual colors with the core tools if you need stricter contrast, extra shades, or brand-specific tuning.