Spruce Basin color palette — #DCEAE9 · #7C9295 · #38757F · #003413 · #000202

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

The five colors

• Frost (#DCEAE9): bright and airy, almost weightless.
• Gray (#7C9295): A luminous, dusty blue — the color of open sky before noon.
• Teal (#38757F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003413): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, 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

• Wandering Driftwood color palette (#E3EFF5, #95A1AD, #7079A1, #003D4A, #000509)
• Aged Abyss color palette (#E3E7DD, #B6BDB0, #639F94, #00482D, #010100)
• Hushed Forest Summit color palette (#E2EBEC, #BBCFD7, #88A9BF, #006450, #08191B)
• Softworn Loft color palette (#E0F2F4, #588400, #007264, #00435E, #000202)
• Charred Spruce color palette (#D3ECF0, #5D5454, #00322B, #0F1519, #000304)
• Inked Cypress Alley color palette (#C5F0E8, #006B5F, #003E57, #390500, #0A0400)
• Antique Petrol color palette (#ECF3F6, #D4D7DF, #BDBBD4, #15848F, #262D30)
• Forest Ridge color palette (#F1E4EC, #005623, #00282E, #1D0006, #000201)

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