Spruce Canyon color palette — #D7F2FF · #006675 · #463900 · #173300 · #00161A

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

The five colors

• Frost (#D7F2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006675): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#463900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#173300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00161A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Timeworn Denim color palette (#DBECFF, #00579C, #274700, #002F25, #00121C)
• Twilit Navy color palette (#E1F0FE, #00426E, #182500, #00140B, #000203)
• Aged Grape Thicket color palette (#EFF1FF, #6C00C9, #004E43, #003641, #02123E)
• Aged Market color palette (#DEE2F2, #5D44A2, #77000F, #192B00, #000412)
• Hushed Atelier color palette (#F2DFE7, #8965C6, #B00027, #2F4800, #010B2F)
• Cypress Basin color palette (#F0F5FF, #7887BB, #44764E, #005E5A, #293641)
• Tempered Nightshade Hollow color palette (#ECEEF5, #C9CBDA, #9F9EB1, #55478D, #2A2D3B)
• Worn Byzantium Veranda color palette (#F5F3FF, #9D2CB9, #005A60, #004264, #211C45)

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