Spruce Cabin color palette — #F4E0DB · #57A19C · #006377 · #073F05 · #000A17

A conversation between Forest and Peacock, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4E0DB): A whisper-light, dusty orange — the color of autumn markets.
• Eucalyptus (#57A19C): A luminous, dusty teal — the color of sea glass.
• Peacock (#006377): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#073F05): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Spruce Cabin 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 Study color palette (#F4E9F0, #64B2AC, #00606D, #002E13, #000103)
• Denim Lagoon color palette (#EEE4DD, #559EB5, #005A9C, #003D30, #06002B)
• Tempered Terrace color palette (#EFEFE1, #5CB1AC, #008589, #005F50, #000C0E)
• Lagoon Workshop color palette (#D6E8D9, #2C918C, #00454B, #002417, #000B10)
• Patina Sapphire Harbor color palette (#EEE3DA, #77BBDF, #276BE9, #005A53, #201641)
• Olive Cabin color palette (#EFE2C2, #5B7A32, #4F4500, #361D00, #000502)
• Sunlit Dune color palette (#F6ECE7, #93D0DB, #0090CF, #006F4B, #1D2B53)
• Dusty Boulevard color palette (#F5E9FF, #7F00B4, #005D2E, #00413A, #040008)

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