Spruce Harbor color palette — #F2E6E3 · #69A9A8 · #00627A · #003D0F · #000B1C
A conversation between Forest and Peacock, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F2E6E3): bright and airy, almost weightless.
- Turquoise (#69A9A8): A luminous, dusty teal — the color of sea glass.
- Peacock (#00627A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003D0F): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000B1C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Spruce Harbor 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
- Worn Orchard color palette (#ECE2D2, #45B1B0, #00636F, #00402F, #00242F)
- Denim Canyon color palette (#F4E6DC, #69A6BD, #0058A3, #003A30, #09002E)
- Hushed Cerulean color palette (#ECF9EE, #8BDCDB, #008A9A, #00533F, #000F16)
- Forest Pier color palette (#F3E8F3, #66C3BF, #00829E, #095E16, #00203D)
- Wandering Cobalt color palette (#FEEFE4, #7AC8E5, #0072D0, #005345, #16074C)
- Emerald Thicket color palette (#DCECDB, #009C59, #00542A, #002413, #000200)
- Muted Navy color palette (#EEE7DF, #4B7DA9, #2A268F, #001F20, #020007)
- Wandering Cerulean Lagoon color palette (#EBE8C9, #4AC59F, #0096CD, #624400, #00140A)
Browse the whole catalog at Explore, or see today's palette.