Eclipse Spruce color palette — #CBF2FB · #60565B · #003632 · #171C22 · #00050A

Built around Deep Forest, softened by Frost — the whole palette hums with sophistication and depth.

The five colors

• Frost (#CBF2FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#60565B): a grounded near-black with real depth.
• Deep Forest (#003632): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#171C22): a grounded near-black with real depth.
• Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Inked Forest color palette (#D0E4DE, #266C50, #003234, #111A00, #000804)
• Lowlit Harbor color palette (#D6E7F2, #005976, #6C2300, #002432, #100200)
• Eclipse Onyx color palette (#D4E2EC, #41393E, #003249, #0F0D15, #040019)
• Eclipse Onyx color palette (#C7F0E0, #006668, #003F49, #001D2F, #000138)
• Washed Cobalt color palette (#ECF2FF, #6C78B6, #3D394D, #222936, #13151C)
• Aged Navy color palette (#EADDE5, #55899A, #003E6D, #00231B, #06002B)
• Twilit Nightshade Boulevard color palette (#DBE0F0, #252C96, #640026, #401400, #010010)
• Ultramarine Drift color palette (#DBE5F5, #063FE1, #2F0543, #000630, #02040E)

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