Using Your Palette
Turn four birth-chart swatches into useful compositions for screens, stationery, moodboards, interface concepts, and material samples.
Last updated: 2026-08-08
Four swatches are a starting point
Your result contains four colors—Sun, Moon, Rising, and Venus—drawn from 48 original sign-and-position definitions. Vivid, Soft, and Nocturne offer three renderings of those underlying colors. Together they form useful raw material, not a finished design system.
This guide shows how to give the swatches practical roles, add the neutrals and structure a real project needs, and preserve the difference between creative inspiration and a production specification.
Read the colors as compositional roles
Treat each swatch as a role in a composition rather than a factual statement about personality. The astrology associations, original names, and mood words are editorial prompts. They are not scientific findings, color-psychology claims, or professional medical, psychological, legal, or financial advice.
As an initial experiment, make one swatch the large anchor field, one a secondary surface, one a sharp accent, and one a small detail. The Sun color does not have to be largest, and Venus does not have to remain a detail. Swap their visual roles until the hierarchy serves the project.
Likewise, mood is a rendering choice, not a rule about context. Read the Mood Guide, compare Vivid, Soft, and Nocturne on the intended surface, and choose the version that gives you the most useful starting contrast and atmosphere.
A practical workflow
1. Define the purpose
A phone wallpaper can favor impact. An invitation needs readable details. An interface concept needs consistent states and contrast. A room palette needs physical samples. Write down the surface, audience, viewing conditions, and whether the result is personal exploration or commercial work before assigning colors.
2. Give each color one job first
Begin with a simple role list: canvas, secondary field, action or focal point, and detail. You can combine or expand roles later. Starting with one job per color makes it easier to see whether all four are genuinely helping.
You do not need to use them equally. One can cover most of a poster while two appear in medium blocks and the fourth only in a line or icon. Another project may use four equal tiles. A quiet editorial page may show only one swatch as an accent and keep the other three in imagery. Hierarchy is a design decision, not a universal 60–30–10 formula.
3. Add neutrals
A palette of four chromatic colors rarely supplies every background and text color. Add a paper-like white, restrained grey, or near-black so content has room to breathe. The site's exports use near-black #17191D or near-white #F7F8FA for overlaid text according to the swatch's relative luminance. Those are useful candidates, but the automatic choice is a display aid—not an accessibility certificate for your new design.
4. Test relationships, not isolated chips
Place swatches beside one another at the proportions you intend to use. Then test them with real copy, icons, photography, and spacing. A color that looks calm in a small chip may dominate a full screen; two apparently distinct chips may merge when used as thin chart lines.
5. Keep a source record
Save the mood, four six-digit hex values, and intended roles in your project notes. The approximate Pantone-style labels are nearest-reference lookups shown after rendering. They are not official Pantone names, certified matches, licensing evidence, or production specifications. Use the hex values as the record of what the site displayed, then make separate print or material decisions from physical samples.
Five concrete applications
Phone wallpaper or social background
Use one swatch as the main field and another for a geometric block, line, or text container. Keep important text separate from busy imagery and measure contrast rather than assuming the mood makes it readable.
The browser-generated export is available at 1080×1920 for a story-style canvas, 1080×1350 for a portrait feed canvas, and 1080×1080 for a square. The image identifies the placements, signs, original color names, approximate labels, and hex values. It can be shared as-is or used as a reference beside your own composition.
Moodboard
Place the four swatches beside material, image, and type references. Use the editorial mood words as conversation prompts, then let the actual images and samples define the project's visual direction. A mood word can help a collaborator describe an impression; it does not prove a psychological effect.
Invitation or stationery
Choose a restrained background, one reliable text neutral, and one or two palette colors for rules, initials, envelope lining, or small illustrations. Test small type at its final size. Print a proof on the intended stock before ordering a full run: coating, absorbency, ink, printer profile, and viewing light can all change the result.
Interface concept
Reserve one accessible pairing for primary actions and another for secondary surfaces. Use the remaining swatches decoratively or for states only when each state also has a label, icon, or shape. Test default, hover, focus, active, disabled, error, and success treatments independently. The Accessible Color Palettes guide provides the full audit sequence.
Room or material direction
Translate a screen swatch into a family of physical possibilities—a painted sample, fabric, ceramic glaze, wood stain, or object—rather than ordering from the hex alone. View samples in daytime and evening light and beside permanent finishes. The approximate reference label does not make the screen color a paint, textile, or ink specification.
Pairing without forcing all four colors
Try several structures before settling on one:
- One plus neutral: one chart color carries the identity; neutrals carry most content.
- Two-color dialogue: one swatch is the field and another the focal point; two remain in small supporting details.
- Four equal panels: useful for a poster, card, or abstract artwork where the chart structure itself is the subject.
- Layered family: one swatch appears solid while the others become translucent decorative washes. Recalculate the actual resulting colors before testing contrast because opacity over a background changes the visible hex.
Whitespace, typography, scale, and texture often do more to unify a palette than adding another color.
Accessibility is part of use, not an afterthought
Whenever text, controls, icons, chart marks, or status information depends on a color, test the exact foreground and background pair. Do not communicate meaning with color alone; repeat it with text, iconography, pattern, shape, or position. A palette can remain visually faithful even when essential content uses a separate neutral for clarity.
Mood switching is not an automatic accessibility fix. Soft may make dark text easier on some swatches and Nocturne may help light text on others, but every final pair still requires measurement.
Personal and commercial use
Under the site's Terms of Service, you may copy displayed hex values and use downloaded images in personal creative projects. That statement does not grant broader rights for a brand, product, resale item, client delivery, or other commercial use.
Before commercial use, you are responsible for checking color accuracy, accessibility in the actual context, physical output, and third-party rights. Do not present the approximate reference labels as official, certified, or licensed Pantone specifications. Pantone Birth Chart is independent and is not affiliated with or endorsed by Pantone LLC.
Related guides
- Mood Guide — choose a rendering intentionally
- Accessible Color Palettes — measure and adapt color pairs
- Save, Share, and Print — export sizes and proofing
- Color Reference Method — understand the approximate labels
- Open the calculator — generate or revise a palette
Corrections and contact
If an export detail, link, or workflow in this guide is wrong, email info@pantonebirthchart.com. Please avoid including birth details unless they are needed to reproduce a technical issue.