Spruce Cabin color palette — #F8EBE7 · #71C8C6 · #00728E · #004211 · #000309

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

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Aqua (#71C8C6): A luminous, balanced teal — the color of sea glass.
• Teal (#00728E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004211): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Sapphire color palette (#FBEBDF, #6CC4E5, #0066BF, #003F34, #020012)
• Powdered Cobalt color palette (#FEF2ED, #7FDCEE, #0082C0, #00543A, #03072B)
• Lagoon Balcony color palette (#ECDFE8, #4A9F9D, #005362, #00321B, #001624)
• Muted Cerulean color palette (#DBEBDE, #5EC3C1, #0094A5, #007055, #001720)
• Timeworn Pier color palette (#E2F4E6, #00B468, #00622C, #001C09, #000200)
• Hushed Cabin color palette (#E0F3C7, #76DAC7, #23B7F4, #644D00, #000502)
• Dusty Olive Veranda color palette (#F0E3CD, #8C8400, #3D5A00, #002B17, #000202)
• Powdered Iris color palette (#FAF4ED, #BCF3E4, #7785F5, #00696D, #251537)

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