Spruce Balcony color palette — #F7EAE6 · #6EA9A5 · #006277 · #053D06 · #000B1A

Forest takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7EAE6): a clean, paper-quiet neutral.
• Blue Fog (#6EA9A5): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006277): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#053D06): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000B1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Denim Courtyard color palette (#F6E7DD, #65A7BC, #005B9A, #003B2E, #07002F)
• Muted Cerulean Summit color palette (#EEF8F0, #8EDCD7, #008A97, #00543C, #000F15)
• Softworn Pier color palette (#F0E9F2, #87BBC9, #0081A1, #005E1F, #002040)
• Sapphire Cabin color palette (#FFEEE4, #64CAEF, #0071D2, #005346, #160B47)
• Peony Studio color palette (#CFEAFF, #BBA2EE, #C36795, #00525A, #06062D)
• Navy Ridge color palette (#E7DED5, #547D9D, #222C89, #001F1F, #020007)
• Cerulean Workshop color palette (#FAEFEB, #C8E5CB, #4E98B8, #376B48, #3B213C)
• Navy Canyon color palette (#C6EAEB, #007EA0, #004576, #180068, #110024)

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