Spruce Balcony color palette — #F8ECE1 · #643D00 · #1A3E00 · #001C3D · #060001

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

The five colors

• Cream (#F8ECE1): a clean, paper-quiet neutral.
• Bronze (#643D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Forest (#1A3E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#001C3D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, dark, 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

• Onyx Workshop color palette (#EEE2CC, #584700, #00392D, #180047, #040100)
• Lowlit Garnet Drift color palette (#FFE8E4, #84003E, #393500, #002428, #050005)
• Antique Terracotta color palette (#EEDDC7, #AA3513, #4A3C00, #1D005F, #080200)
• Hushed Courtyard color palette (#FDEBE9, #B75111, #634300, #262100, #020600)
• Powdered Brick color palette (#F7DDD2, #C30712, #565100, #530B80, #060002)
• Nocturne Fern color palette (#E2E1C8, #406600, #004D5E, #37004A, #040200)
• Washed Cocoa Pier color palette (#F3E8E1, #ACA398, #908669, #712E00, #130500)
• Aubergine Studio color palette (#E2DFD0, #677500, #00605B, #42008D, #110400)

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