Spruce Field color palette — #EDE2EE · #5FAEAA · #006177 · #034209 · #00203C
A conversation between Forest and Peacock, giving this palette its sense of nature and growth.
The five colors
- Blush (#EDE2EE): a clean, paper-quiet neutral.
- Turquoise (#5FAEAA): A luminous, dusty teal — the color of sea glass.
- Peacock (#006177): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#034209): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#00203C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Denim Harbor color palette (#F0E1E9, #61AAC2, #00599C, #003F33, #181843)
- Teal Alley color palette (#E3E4D5, #54ADAA, #00656A, #003A31, #000D10)
- Hushed Lagoon color palette (#D7E8E4, #71C1BE, #00858B, #005B4D, #00242A)
- Aged Cobalt color palette (#FFF0F8, #3CC9F4, #006EC7, #005748, #2B276B)
- Hushed Pine color palette (#F8EDE7, #8BCECB, #00A3BD, #00824B, #002234)
- Chalky Forest Coast color palette (#FFF0FE, #91DEE0, #008CB4, #006B31, #224068)
- Navy Balcony color palette (#F1E1E6, #3B86C2, #292B8B, #002223, #100021)
- Quiet Terrace color palette (#FDDEDE, #CB0039, #006766, #70001B, #00201F)
Browse the whole catalog at Explore, or see today's palette.