Tempered Spruce Studio color palette — #F5F2E4 · #A3D0B3 · #548F8B · #715B5B · #2B3700

Forest and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E4): a clean, paper-quiet neutral.
• Pistachio (#A3D0B3): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#548F8B): A luminous, dusty teal — the color of sea glass.
• Graphite (#715B5B): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#2B3700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Spruce Studio 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

• Muted Chestnut Balcony color palette (#FAF0E7, #CDC595, #738C63, #86551D, #34312A)
• Mustard Archive color palette (#FFEECE, #B6C26D, #66985F, #3C6A4F, #253A24)
• Lagoon Basin color palette (#EBF8D7, #9BE2BE, #559166, #2B583B, #192201)
• Muted Mint color palette (#F2F3E3, #95C284, #BC87B8, #5D7C51, #43282C)
• Weathered Abyss color palette (#F3F3E4, #BBF3FA, #ABD7DD, #98886E, #2C4400)
• Ash Delta color palette (#EBF9F5, #ADDCDA, #71A5AE, #897686, #3A5251)
• Turquoise Ridge color palette (#F9EFEC, #C4ECE2, #6AA5C0, #4F7659, #3F313F)
• Wandering Study color palette (#F2F4DB, #79AC69, #B6759D, #976784, #282919)

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