Spruce Lagoon color palette — #DFE8E2 · #7F9389 · #557268 · #002F3A · #000201

A conversation between Deep Forest and Pewter, giving this palette its sense of sophistication.

The five colors

• Parchment (#DFE8E2): a clean, paper-quiet neutral.
• Eucalyptus (#7F9389): A luminous, dusty teal — the color of sea glass.
• Pewter (#557268): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#002F3A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000201): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Spruce Lagoon 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 Spruce color palette (#E7F1F6, #8D9CA7, #5F7389, #00313A, #000B12)
• Muted Navy color palette (#F1E6EF, #998793, #7B6370, #061F6A, #040003)
• Washed Abyss Lantern color palette (#E9F2EB, #AAC1B8, #A3889E, #00444D, #000200)
• Tempered Navy Boulevard color palette (#D2F9E8, #008197, #00688D, #003478, #000103)
• Wandering Cabin color palette (#DFEDE8, #D4C6D6, #B09DAE, #0B5B85, #0C1915)
• Onyx Basin color palette (#D0E4DD, #5C5256, #002D48, #0E1519, #000209)
• Obsidian Lagoon color palette (#EAEBDC, #006B2E, #00331E, #001914, #000200)
• Tempered Pewter Field color palette (#F7EFF5, #E4D4D5, #CEB7B7, #8A6981, #312A2F)

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