Spruce Ridge color palette — #EEDED9 · #538C88 · #004453 · #032402 · #000A17

Deep Forest and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EEDED9): a clean, paper-quiet neutral.
• Storm Blue (#538C88): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#004453): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#032402): A deep, shadowed, dusty green — the color of fresh herbs.
• 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 Ridge 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 Lantern color palette (#E3DED5, #42A49E, #00646D, #003D2A, #000B10)
• Wandering Navy color palette (#EEE1D5, #5E8B7C, #193287, #002221, #0D0024)
• Ultramarine Workshop color palette (#F2E3D8, #70A6C4, #1D4FB3, #003E39, #220C4F)
• Forest Canyon color palette (#F3E5F5, #3AB5AF, #00819C, #0D620F, #000A18)
• Charred Pier color palette (#F9E3C4, #5D5D0B, #3B2800, #210800, #010500)
• Lowlit Garnet color palette (#F2DED6, #9B0018, #004941, #440005, #000806)
• Timeworn Orchard color palette (#F7ECE6, #81BCC9, #006FA7, #00523A, #1D295A)
• Wandering Balcony color palette (#FFE4DF, #BB7D50, #637200, #5C0060, #1A0300)

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