Spruce Ridge color palette — #F0F3EA · #C3C89B · #3C6D54 · #293700 · #12150B
Deep Forest and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0F3EA): bright and airy, almost weightless.
- Pistachio (#C3C89B): A luminous, dusty green — the color of new leaves after rain.
- Pine (#3C6D54): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#293700): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#12150B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Spruce Ridge 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
- Timeworn Stone Hollow color palette (#EDF7F9, #E6B58D, #2D6A62, #233D42, #1B252D)
- Weathered Lagoon Garden color palette (#F2F7F1, #D4D8CB, #3B9886, #3C4C33, #171D14)
- Fern Delta color palette (#DEE8D5, #535F00, #2F353C, #001912, #000201)
- Wandering Ridge color palette (#E9F5EF, #8FC292, #005D7C, #002C3C, #02100A)
- Softworn Cerulean color palette (#EEF3EE, #7BD5D5, #218EBB, #008283, #0C1914)
- Muted Olive color palette (#D2E4D8, #4D8A38, #4A4B54, #003039, #000A0D)
- Patina Meadow color palette (#EEF4EF, #CFDAD9, #A3B1B8, #528D97, #323833)
- Driftwood Boulevard color palette (#E8F5F0, #629CC1, #9D6DAD, #7C4E61, #182621)
Browse the whole catalog at Explore, or see today's palette.