Stellar Color Palette
Explore how Stellar leverages its distinctive Black palette to stand out in the competitive finance landscape. Every shade serves a strategic purpose.
Stellar Primary
Stellar Accent
The Visual Identity of Stellar
Color Systems & Brand Psychology
Primary Hue
Stellar builds its visual system around #000000. This Black hue was selected to communicate elegance — a deliberate signal to trust-sensitive audiences that the brand stands for exclusivity.
Industry Psychology
In financial services, Black tones are frequently chosen to communicate elegance and exclusivity. Stellar employs this color language deliberately to connect with trust-sensitive audiences on an emotional level before a single word is read.
Strategic Usage
These color values are design specifications, not decorative choices. Stellar's consistency in applying this palette across banking interfaces ensures every touchpoint reinforces the same brand message — making elegance an immediately recognisable quality of the brand.
UI Design & Application Guide
Thinking of using the Stellar color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.
When using #000000 as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.
Stellar Primary to ensure consistency across all finance mockups.
Technical Color Data Table
For developers and designers, accuracy is non-negotiable. Below are the precise conversions.
| Color Name | HEX Code | RGB Values | CSS Variable |
|---|---|---|---|
| Stellar Primary | #000000 | rgb(0, 0, 0) | var(--stellar-primary) |
| Stellar Accent 1 | #FFFFFF | rgb(255, 255, 255) | var(--stellar-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Stellar brand styles.
:root {
--stellar-primary: #000000;
--stellar-color-2: #FFFFFF;
}
Explore Related Brand Palettes
Compare Stellar with other top brands in our database.