Spruce Pier color palette — #FEE9E3 · #6CC9C2 · #00738A · #094104 · #000308

Forest takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FEE9E3): A whisper-light, dusty orange — the color of autumn markets.
• Aqua (#6CC9C2): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#094104): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000308): 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 Pier 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 Petrol Meadow color palette (#FBEBE1, #6DC5E0, #006AB3, #003F32, #020013)
• Quiet Coast color palette (#FDF3EE, #82DCE7, #0084B6, #005532, #00062F)
• Weathered Garden color palette (#F2E3ED, #5B9D98, #00535F, #003217, #001623)
• Powdered Plum color palette (#D1EAD1, #009092, #BF0049, #004546, #040001)
• Teal Coast color palette (#D8EADB, #34C8C1, #0094A0, #007050, #00171E)
• Timeworn Cerulean color palette (#D2EEF6, #00A3B0, #006167, #001A1E, #000102)
• Muted Grove color palette (#DEF3E9, #007A5B, #9D2700, #653400, #000201)
• Washed Forest Lantern color palette (#BEFFF7, #89D7FF, #9E88ED, #0C6B13, #000B0F)

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