Spruce Coast color palette — #F0F3EB · #DDBD9F · #3E6D58 · #273800 · #11160A
Forest takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F0F3EB): a clean, paper-quiet neutral.
- Sand (#DDBD9F): A luminous, dusty gold — the color of old brass.
- Pine (#3E6D58): A full-bodied, dusty teal — the color of sea glass.
- Forest (#273800): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#11160A): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Spruce Coast 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
- Hushed Denim color palette (#E5F7EF, #E2A192, #145C7C, #003022, #03100A)
- Washed Harbor color palette (#ECF8F8, #ECC4D4, #528889, #2A5843, #222E2E)
- Tempered Cypress color palette (#F0F3EB, #9CD2B2, #6285B2, #42815F, #1C111D)
- Wandering Rust color palette (#D1E4DA, #B85933, #494952, #002F3D, #00090F)
- Dusty Teal color palette (#FFEEE3, #75BAB2, #537D9F, #704632, #1F3124)
- Chestnut Station color palette (#E1EBDB, #844500, #30353C, #001913, #000201)
- Cerulean Courtyard color palette (#E8F6EC, #2E9DA7, #625C93, #6E384A, #1B1A0B)
- Feathered Onyx color palette (#E8F9D1, #85CFC9, #4995A7, #2F5B86, #212059)
Browse the whole catalog at Explore, or see today's palette.