Slate & Honey Hour

Soft neutrals anchored by cool depth, warm accent glowing like distant light through gauze.

Colors

~Dragonfly#4F5D75
~Dust to Dust#BFC0C0
~White#FFFFFF
~№5#FFD166

Tags

Psychology

The cool blue base paired with high-contrast grays and white creates visual stability and trust, while the warm yellow accent introduces optimism without overwhelming the composition. Low saturation across neutrals signals calm and restraint, yet the complementary relationship between blue and yellow draws the eye, preventing the palette from feeling dull or cold. This tension between serenity and subtle energy appeals to both analytical and creative minds.

Usage

Ideal for SaaS dashboards and fintech applications where clarity and approachability must coexist, minimalist packaging for wellness brands, and editorial layouts that balance authority with warmth. Projects requiring high contrast for accessibility while maintaining a sophisticated mood benefit from this combination. Works particularly well in corporate identity systems and web interfaces where users need to feel both confident and comfortable.

Code

CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
    90deg,
    #4f5d75 0%,
    #bfc0c0 33%,
    #ffffff 67%,
    #ffd166 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #4f5d75;
  --color-gradient-2: #bfc0c0;
  --color-gradient-3: #ffffff;
  --color-gradient-4: #ffd166;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #4f5d75;
--color-2: #bfc0c0;
--color-3: #ffffff;
--color-4: #ffd166;
Hex values
#4f5d75, #bfc0c0, #ffffff, #ffd166

Building something? Get this palette via the REST API.

History

Similar palettes

Chalk Garden Bloom
Frosted Meadow
Indigo Hour Study
Buttercream Lagoon
Abyssal Hearth
Sorbet Afternoon
Midnight Brass
Roasted Almond Bloom
Slate Pool Breath