moodColor Scheme

Trustworthy Stable

A stable and trustworthy palette built on tried-and-true color relationships. Designed to inspire confidence and long-term reliability.

#ffffff
#f9fafb
#2563eb
#64748b
#22c55e

Color Breakdown

Role

background

Name

White

Hex

#ffffff

Tailwind

bg-white

Role

surface

Name

Gray 50

Hex

#f9fafb

Tailwind

bg-gray-50

Role

primary

Name

Blue 600

Hex

#2563eb

Tailwind

text-blue-600

Role

secondary

Name

Slate 500

Hex

#64748b

Tailwind

text-slate-500

Role

accent

Name

Green 500

Hex

#22c55e

Tailwind

bg-green-500

Live Preview

Welcome Back

This is a live preview of the Trustworthy Stable color scheme applied to a sample card component. See how the colors work together in a realistic UI context.

Design Rationale

Blue is the most universally trusted color across cultures and contexts. Green accents reinforce stability with connotations of safety and positive status.

Use Cases

Insurance companiesSecurity firmsGovernment portals

CSS Variables

CSS
:root {
  --background: #ffffff;
  --surface: #f9fafb;
  --primary: #2563eb;
  --secondary: #64748b;
  --accent: #22c55e;
}

Tailwind Config

JavaScript
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'trustworthy-stable': {
  'background': '#ffffff',  // bg-white
  'surface': '#f9fafb',  // bg-gray-50
  'primary': '#2563eb',  // text-blue-600
  'secondary': '#64748b',  // text-slate-500
  'accent': '#22c55e',  // bg-green-500
        },
      },
    },
  },
};

Related Color Schemes

Build with This Scheme

Use our palette generator to customize and extend this color scheme for your project.

Open Palette Generator

Frequently Asked Questions

What is the most trustworthy color?
Research consistently shows blue as the most trusted color worldwide, which is why it dominates banking, tech, and healthcare.