Spruce Basin color palette — #E5F0EB · #88A099 · #487C73 · #2A2E00 · #020C08

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

The five colors

• Cream (#E5F0EB): bright and airy, almost weightless.
• Blue Fog (#88A099): A luminous, dusty teal — the color of glacier melt.
• Teal (#487C73): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#2A2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#020C08): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Spruce Basin 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

• Abyss Courtyard color palette (#DDE7E8, #99ADB2, #618692, #004238, #00181B)
• Timeworn Basalt Garden color palette (#E7E3D5, #A6A693, #7F8C6D, #4C4700, #0D0900)
• Worn Fern color palette (#DCE5E0, #92A4A9, #6F8EA3, #6F6400, #020C06)
• Pale Drift color palette (#D5F7EE, #808500, #447100, #004223, #010800)
• Hushed Veranda color palette (#E7F1EF, #BFD0CE, #81A9A9, #386125, #22312F)
• Lagoon Atelier color palette (#EFF7F8, #D2DEE6, #B1C4D5, #36856C, #3F4A4B)
• Eclipse Abyss Lagoon color palette (#CFEDEB, #004A24, #002325, #000A17, #020200)
• Worn Harbor color palette (#E2ECE3, #8CA092, #507B67, #392700, #030C04)

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