Spruce Field color palette — #F3EBF4 · #79C7C3 · #00738C · #034209 · #000308
Forest and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F3EBF4): a clean, paper-quiet neutral.
- Mint Leaf (#79C7C3): A luminous, dusty teal — the color of sea glass.
- Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#034209): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Spruce Field 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
- Antique Terrace color palette (#F7EAF2, #82C1D9, #0068BB, #003F34, #020013)
- Weathered Cobalt Lantern color palette (#FCF1FA, #A7D4E6, #0083BB, #005436, #010039)
- Wandering Lagoon Atelier color palette (#E4EFE6, #399B96, #00545B, #002D1E, #000508)
- Weathered Cerulean Station color palette (#EDE4D6, #65C2BC, #0094A0, #007050, #00171E)
- Moss Workshop color palette (#C9E7D5, #73924B, #594E00, #331B00, #000201)
- Patina Chapel color palette (#F5DAF3, #B23FB1, #2E5400, #003F2B, #030003)
- Iris Alley color palette (#FFF1F5, #D9DEFA, #768AE7, #00696B, #280B45)
- Wandering Pine color palette (#FAF2FA, #D3D4E4, #51B4D8, #218341, #142F4F)
Browse the whole catalog at Explore, or see today's palette.