Spruce Lagoon color palette — #DDF0F0 · #003C15 · #001A32 · #050517 · #050000
Built around Forest, softened by Midnight — the whole palette hums with nature and growth.
The five colors
- Frost (#DDF0F0): A whisper-light, dusty teal — the color of sea glass.
- Forest (#003C15): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#001A32): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#050517): A deep, shadowed, dusty violet — the color of a velvet chair.
- Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
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
- Nocturne Fern Studio color palette (#F0E5CE, #536B00, #003B1F, #001011, #000205)
- Obsidian Spruce Balcony color palette (#CFF0EC, #003B0C, #2E0026, #150011, #030100)
- Fern Terrace color palette (#F9E2E0, #435100, #002A2B, #1D001B, #000501)
- Spruce Courtyard color palette (#E0EEE9, #82A1A0, #577680, #262F00, #000D08)
- Deep Veranda color palette (#FADEED, #481E00, #001041, #00051F, #050004)
- Smoked Navy color palette (#D8E7E0, #413F00, #130062, #211C09, #190008)
- Hushed Pine color palette (#DBF3F1, #977700, #00763D, #00475A, #000705)
- Aubergine Dune color palette (#E0F6E3, #654A00, #4C0059, #320013, #050100)
Browse the whole catalog at Explore, or see today's palette.