Logo
Navigation

Explore & Create Color Palettes

© 2026 Coloraccy. All rights reserved.

Portfolio Template

A clean and modern portfolio template designed for designers, developers, and creatives to showcase work, projects, and case studies with a strong visual focus and minimal layout.

Theme Palette Customizer

Design your 6-color palette to customize your website template.

primary
secondary
accent
dark
light
highlight
Presets:
Live Template Preview
www.themepalette.com
AD
Alex.D
Available for Freelance & Contracts

Designing interfaces
that write code

Hi, I'm Alex. I am a product designer and frontend dev based in NY. I design systems and build responsive React web applications with clean variables architectures.

Interactive Code Sandbox
// React Custom Color Hook
const useThemeVariables = (colors) => {
  useEffect(() => {
    Object.entries(colors).forEach(([key, val]) => {
      document.documentElement.style.setProperty(`--p-${key}`, val);
    });
  }, [colors]);
};
Compilation Output

Dynamic Style Variables State

Click 'Run Script' to execute variables loader script...
PREVIOUS CONTRACTS & WORK AT:STRIPE COVERCEL INCSLACK PLATFORMAIRBNB DESIGN
6+Years of Experience
80+Completed Projects
1,200+GitHub Commits (YTD)
40+Happy Clients Globally
Capabilities

Services & Expertise

UI/UX Design

Design interfaces, setup wireframes, component styles and interactive prototypes.

Frontend Dev

Transform Figma assets into fast, server-rendered NextJS and TypeScript web apps.

Design Systems

Create unified style tokens, color variables, reusable patterns and layouts.

Technical Writing

Formulate developer guides, API documentation details, and layout blog setups.

Portfolio

Selected Projects

dev

Quantum Dashboard

Interactive telematics visualizer build with NextJS.

ux

Zing Delivery App

Ergonomic mobile checkout and map flows mockup.

brand

Stark Financials

Corporate brand guidelines, typography and asset layout.

dev

EcoCart Checkout

Custom ecommerce logic with dynamic price multipliers.

brand

Nebula Branding

Abstract tech visuals and style guides construction.

ux

Aero Control System

Dark mode tablet dashboard UX designed in Figma.

Brutalism vs Minimal

Design Theme Tester

Click a layout vibe to modify the typography and border weights of our workspace card previewer.

Mock Widget

Selected Vibe: clean

The current custom border radius is 2px, showing flexible variables parsing.

Toolkit

Tech Stacks & Systems

React / Next.js
95%
Figma (UI/UX)
90%
TypeScript
85%
Tailwind CSS
95%

React / Next.js

Proficiency: 95%

Building fast, SEO-friendly server-rendered web applications.

Work History

Professional Journey

2024 - Present

Senior Frontend Engineer

Stripe

Developing styling systems, NextJS frameworks, and checking conversion rate metrics.

2022 - 2024

Lead UI UX Designer

Vercel

Constructed developer interfaces, icons grid, and checked browser viewport rendering guides.

2020 - 2022

Frontend Developer

Freelance

Collaborated with tech startups globally on branding, customized landing pages, and deployments.

Personal Manifesto
"Code is poetry. Great user interfaces do not speak, they feel alive."
Alex.D, Design Engineer
Scope Planner

Interactive Project Planner

Tell me about your project scope parameters to generate baseline recommendations.

1. Project Type
2. Budget Range
3. Timelines
Sprint Guidance

Next Step: Design system generation. Let's establish your 6-color custom assets first.

Confirm Scope
Studio Environment

Workspace & Setup

Hardware Kit
Design Sketchbook
Code Terminal
Analog Note Board

Peer Recommendations

What engineers and clients say about working together.

"Alex writes styling systems that are extremely robust. The NextJS templates load rapidly with perfect metrics."

S
Sarah VanceEngineering Lead at Vercel

"Stunning attention to variables details. Alex constructed our design system structure in less than 3 weeks."

R
Robert DowneyProduct Director at Stripe

"Great communication, rapid deliveries, and deep intuition for clean modern interfaces. Highly recommended designer!"

M
Mila KunisCo-Founder, Sparky
Publications

Latest Dev Logs

May 20264 min read

Managing CSS Variables in React 19

CSS
April 20266 min read

Dynamic Themes with localStorage

JS
March 20265 min read

How to Build clean Layout grids

Design
GitHub

Open Source Repositories

react-css-vars-hook

State management system linking JSON variables maps directly to CSS properties in real-time.

TypeScript 1.4k
next-brutalist-theme

NextJS 16 design package framework containing pre-made high-contrast layouts components.

CSS 490
FAQ

Common Queries

Most website builds and dashboard developments start at $3,500, but I also coordinate on daily/weekly consulting sprint rates.
Community

Speaking & Mentorship

CSS Conf NY 2025

State of CSS variables

Spoke on automating custom color palettes in NextJS 16 platforms layouts.

Figma local meetup

Responsive ergonomics design

Conducted live tutorial on building responsive layout frames grids in Figma.

Newsletter

Subscribe to Alex's Dev Log

Get monthly write-ups on CSS hacks, Figma tokens, and freelance pricing frameworks.

Book a Consultation

Send your name, email, and a description of your project goal. Let's build something fast.

INTEGRATES WITH Creative:SLACK SYSTEMSTRIPE ESCROWGITHUB REGISTRYFIGMA CUSTOMIZER

Creative Experts

S

Dr. Sarah Connor

Chief Freelance Architect
V

Marcus Vance

Head of Portfolio Auditing
R

Elena Rostova

Lead Asset Officer
Core Capabilities

Advanced Creative Operations

Streamlining workflows through dedicated orchestration. Deploy secure Freelance pipelines that comply with local guidelines.

Automated telemetry updates
Secure Portfolio syncing
Chronological audit trails
Real-time Asset validation
99.9%Creative Uptime
2.4MFreelance Records
< 50msPortfolio Latency
100%Asset Compliant
COMPLIANCE STATUS:ISO 27001 COMPLIANTHIPAA DATA SECURESOC 2 TYPE II AUDITEDPCI LEVEL 1 PROTECTED
Explore Categories
"We build structural styling systems optimized for Creative operations and physical user interface configurations."
Case Spotlight

"The customized layout compliance and custom palette synchronization enabled our design and Creative departments to complete auditing cycles ahead of schedule."

OM
— Clara Oswald, Director of Freelance

Global Creative Stations

37.7749° N

San Francisco Hub

Platform scale, core databases, and operational telemetry.

51.5074° N

London Hub

Business compliance, support queues, and legal audits.

35.6762° N

Tokyo Hub

Styled layouts, localized asset registries, and API sync.

Alex.D

© 2026 Alex.D. Made for color design preview.

Guide

Portfolio Template

Modern Portfolio Website Template

Relevant

Related Articles

01

Typography & Color — How to Pair Fonts and Color Palettes

I've spent the last several years building and optimizing color systems and SEO content across multiple live products, including ThemePalette and a portfolio of client web projects. My work spans hands-on palette design, accessibility auditing, and technical implementation in real production codebases — not just theory. This guide reflects choices I've actually shipped, including a few I had to walk back. I once spent two hours picking the "perfect" color palette for a client's editorial site, then dropped their existing serif headline font on top of it and watched the entire thing fall apart. The deep burgundy I'd chosen — which looked rich and confident next to a clean sans-serif in my mockup — turned muddy and hard to read against the same client's heavier, more ornamental serif. The color hadn't changed. The font had — and that was enough to break the whole system. That project is the reason this guide treats color and typography as one decision, not two sequential ones. Most color palette guides stop at the hex codes. Most typography guides stop at font pairing. The actual failure point in real projects is almost always where the two intersect — a color that works fine on a swatch but fails the moment real type, real weight, and real size get applied to it.

02

Color Psychology — How Colors Affect Emotion and Design

Before a visitor reads a single word on your website, they have already formed an impression. Before a customer picks up a product, they have already decided whether it feels right. That split-second response is not random — it is color doing its work. Color psychology is the study of how colors influence human perception, emotion, and behavior. It is one of the most research-backed principles in design, marketing, and branding, and yet it remains one of the most underused tools in practice. Understanding it does not just make designs look better — it makes them work harder. This guide covers the full picture: what color psychology is, how individual colors function emotionally, how cultural context shapes interpretation, and how to apply these principles practically in real design work.

03

Analogous Colors — Building Harmonious Color Palettes

Some palettes just feel right. You see them in nature, in well-designed interiors, in brand identities that feel effortless. More often than not, those palettes are built on analogous colors — a foundational concept in color theory that designers rely on for creating calm, cohesive, and professional visuals. If you have ever felt that a design looks polished but could not explain why, analogous color harmony is likely the reason.

04

Free Color Palette Generator — Best Free Tools Compared 2026

You open a new design file, stare at the blank canvas, and the first real decision you have to make isn't layout — it's color. That moment of "what goes with what" is exactly why a free color palette generator has quietly become one of the most-opened tabs in any designer's browser. There's no shortage of options in 2026. Adobe Color, Coolors, Paletton, and a handful of newer AI-assisted tools all promise the same thing: fast, harmonious palettes without touching a paid plan. The differences only show up once you've actually used a few of them on real projects, which is what this comparison is built around.

Browse

Relevant Palettes