Spruce Bloom color palette — #E6F3F1 · #7B9296 · #3C7484 · #043404 · #000201

Deep Forest and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F3F1): bright and airy, almost weightless.
• Gray (#7B9296): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3C7484): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#043404): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Spruce Bloom into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Wandering Driftwood color palette (#DBE9EF, #95A1AE, #6E7AA0, #003E46, #000509)
• Patina Abyss Delta color palette (#ECF0E4, #B6BEB0, #7D9C7A, #004921, #010100)
• Washed Delta color palette (#E3EBEB, #BAD0D8, #91A7BA, #006548, #041A1B)
• Cellar Lantern color palette (#E1F3EC, #1C683C, #00312E, #131600, #000200)
• Wandering Lagoon color palette (#ECF3F6, #D5D7E0, #BEBACC, #328386, #252E31)
• Ancient Ridge color palette (#C1EBED, #817A00, #006949, #003E8C, #000102)
• Inked Corridor color palette (#D7EEE7, #2F4300, #2D004A, #12150C, #180000)
• Softworn Spruce color palette (#E6F0F0, #7B9299, #556E82, #00331F, #000202)

Browse the whole catalog at Explore, or see today's palette.