Spruce Hollow color palette — #F6F6EC · #C4E6D3 · #69AAB0 · #976676 · #294100

Deep Olive and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Celadon Mist (#C4E6D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#69AAB0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#976676): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Olive (#294100): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Teal Corridor color palette (#FAF4EC, #D3E5C1, #77AD83, #936878, #3A3832)
• Softworn Bronze color palette (#FAF4EC, #C1E2CF, #91BA9A, #A77D3F, #524600)
• Ancient Teal color palette (#FCF5E3, #BDE6B3, #00AA8B, #786C11, #16370C)
• Softworn Terrace color palette (#E8FAF4, #7EC09E, #308181, #61536D, #304747)
• Softworn Pier color palette (#EFFADE, #76D1A3, #CD91D5, #B775BF, #262F13)
• Chestnut Bloom color palette (#F3F3E2, #8BC29C, #3F8470, #78490A, #252A17)
• Weathered Lagoon color palette (#EEE2CE, #688541, #00482F, #231A00, #010100)
• Worn Forest Bloom color palette (#F0FBD7, #BAEFEC, #5CB890, #006C41, #002A16)

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