Free · Private · Open source

Design color palettes that make rooms feel intentional.

DecorPalette turns a single anchor color into a balanced, accessible scheme for walls, furniture, and accents. Lock the shades you love, shuffle the rest, and confirm every pairing meets WCAG 2.2 contrast — without uploading a thing.

Harmony rules
6
Data uploaded
0 bytes
Contrast checks
Live

Palette generator

Adjust the controls, then press Space to shuffle unlocked colors.

    Contrast checker

    Confirm text stays legible against your palette. Ratios follow the WCAG 2.2 method.

    :1

    Large heading sample

    Body text sample used for descriptions and captions.

      Your saved palettes

      Stored privately in this browser. Clearing site data removes them.

        No saved palettes yet. Generate one above and press Save palette.

        A practical guide to interior color palettes

        Choosing paint chips at a store rarely predicts how a room will feel once light, texture, and furniture join the conversation. A structured palette solves that: instead of guessing, you start from one confident anchor color and let proven harmony rules do the heavy lifting. DecorPalette exists to make that process fast, repeatable, and — importantly — accessible for everyone who will read a label, sign, or menu in the space you are decorating.

        Benefits of working from a palette

        • Cohesion. Related hues read as a deliberate scheme rather than a collection of separate purchases.
        • Speed. Locking one or two colors and shuffling the rest surfaces dozens of options in seconds.
        • Confidence. Live contrast feedback tells you whether signage and printed text will be readable.
        • Privacy. Everything is computed locally, so client mood boards never leave your machine.

        How it works

        Under the hood, DecorPalette converts your base color into the HSL color space, rotates the hue according to the harmony you select, and then varies saturation and lightness to produce a usable spread of shades. Complementary schemes rotate 180°, triadic schemes step by 120°, and analogous schemes stay within a narrow 30° band for a softer, tonal feel. Because the math is deterministic, the same base color and harmony always regenerate a comparable family of colors.

        A worked example

        Suppose you are decorating a north-facing living room that receives cool light. Start with a warm anchor such as #0E7C66, a muted teal-green, to counteract the coolness. Choose an analogous harmony to keep the mood calm, then lock the anchor and shuffle until a soft clay accent appears. Send the two brightest swatches through the contrast checker to confirm a framed print's caption will remain legible from across the room. Export the result as CSS variables and you have a reusable token set for a companion website or digital mood board.

        Best practices

        • Follow the 60-30-10 rule: a dominant color, a secondary color, and a small accent.
        • Test colors under the room's actual lighting; screens exaggerate saturation.
        • Reserve your highest-contrast pair for anything that must be read, such as house numbers or labels.
        • Keep at least one near-neutral in the palette to give the eye a place to rest.

        Common mistakes to avoid

        • Relying on five fully saturated colors — the room will feel restless.
        • Ignoring contrast for decorative text, which often fails accessibility guidelines.
        • Matching everything to a single trend color that will date the space quickly.
        • Forgetting that flooring and large furniture are colors too, not neutrals to be ignored.

        Use cases

        • Interior designers building client-ready mood boards and specification sheets.
        • Homeowners planning a repaint or a single-room refresh on a budget.
        • Staging professionals who need cohesive, photogenic schemes quickly.
        • Web and brand designers translating a physical space into digital tokens.

        Related tools

        Frequently asked questions

        Is DecorPalette really free?

        Yes. It is free, open source, and released under the MIT license. There are no accounts, trials, or paid tiers.

        Do I need to install anything?

        No. DecorPalette runs entirely in a modern web browser. There is nothing to download and no build step.

        Does my data leave my device?

        Never. All color math runs locally, and saved palettes live only in your browser's local storage.

        Which color harmonies can I generate?

        Analogous, complementary, split-complementary, triadic, tetradic, and monochromatic schemes are all supported.

        How do I keep a color while changing the others?

        Press the lock button on any swatch. Locked swatches stay fixed when you shuffle the rest.

        What does the shuffle shortcut do?

        Pressing the space bar regenerates every unlocked color, letting you explore variations rapidly.

        How is the contrast ratio calculated?

        It uses the official WCAG relative-luminance formula, then compares the ratio to AA and AAA thresholds.

        What contrast ratio should I aim for?

        Aim for at least 4.5:1 for normal text and 3:1 for large text to satisfy WCAG 2.2 AA.

        Can I export the palette to code?

        Yes. Copy the palette as CSS custom properties or as a JSON array with one click.

        In what formats are colors shown?

        Each swatch displays a HEX value, and the JSON export includes HEX strings you can convert further.

        Will the same base color always give the same palette?

        The harmony structure is deterministic, though shuffling varies lightness and saturation for fresh options.

        Can I use these palettes commercially?

        Colors themselves are not copyrightable, so you may use any palette you create for personal or commercial projects.

        Does it work offline?

        After your first visit the app can be cached by the browser, and no network access is required to generate palettes.

        Is it accessible with a keyboard?

        Yes. Every control is reachable by keyboard, with visible focus indicators and logical tab order.

        Does it support screen readers?

        Yes. Status updates use ARIA live regions and all interactive elements have descriptive labels.

        Can I use it on a phone?

        Absolutely. The layout is responsive and the controls are sized for touch input.

        How many palettes can I save?

        You can save as many as your browser's local storage allows, typically hundreds of small palettes.

        How do I delete a saved palette?

        Each saved palette has a remove button. Removing it deletes it from local storage immediately.

        Does the app honor reduced-motion settings?

        Yes. If your system requests reduced motion, animations and transitions are minimized automatically.

        Which browsers are supported?

        Recent versions of Chrome, Firefox, Safari, and Edge are fully supported.

        How can I report a bug or request a feature?

        Open an issue on the project's GitHub repository; the maintainers review contributions regularly.

        Can I contribute to the project?

        Yes. The code is open source — read the contributing guide in the README and send a pull request.

        About the author

        Koray Öner is a software engineer and open-source maintainer who builds accessible, privacy-first tools for the web. DecorPalette started as a personal utility: after years of assembling client mood boards and rebuilding the same contrast spreadsheets by hand, Koray Öner wanted a single tool that could generate a scheme, prove it was legible, and never phone home. That principle still guides every release.

        Koray Öner works primarily with vanilla HTML, CSS, and JavaScript, favoring dependency-free code that stays fast and maintainable for years. His technical interests span front-end architecture, color theory, web accessibility, and technical SEO — disciplines that all meet in this project. He believes useful software should be free to use, open to inspect, and honest about how it handles your data.

        Every line of DecorPalette — the color math, the WCAG contrast engine, the interface, and this documentation — was written and is maintained by Koray Öner. Questions, bug reports, and pull requests are genuinely welcome on GitHub.