Spruce Courtyard color palette — #DAE4E3 · #90A4A6 · #5E828C · #004221 · #000605
Built around Forest, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Silver (#DAE4E3): a clean, paper-quiet neutral.
- Blue Fog (#90A4A6): A luminous, dusty blue — the color of open sky before noon.
- Storm Blue (#5E828C): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#004221): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000605): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Courtyard 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 Boulevard color palette (#E8EAE0, #9FAF9A, #638975, #00440F, #131506)
- Worn Spruce Garden color palette (#E8F0F2, #839095, #536F81, #00312E, #000202)
- Tempered Field color palette (#EBF1F5, #A9B4C0, #7E8EAB, #004A65, #000C17)
- Ancient Hollow color palette (#E7F0EF, #BED5D9, #88ACC0, #005E20, #000303)
- Ancient Petrol Boulevard color palette (#EBF3F8, #D2D5E1, #ADB8C7, #007089, #13232B)
- Wandering Onyx Cabin color palette (#D5E8E2, #1D7B82, #004B6B, #3E002A, #160001)
- Emerald Atelier color palette (#D0F0F2, #28A029, #00816D, #005C6C, #000201)
- Navy Courtyard color palette (#D2EEEF, #005741, #001A74, #250010, #020100)
Browse the whole catalog at Explore, or see today's palette.