Spruce Coast color palette — #E3F5FF · #007C93 · #695700 · #154100 · #001215

Forest and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E3F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007C93): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#695700): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#154100): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001215): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Spruce Coast 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

• Aged Denim color palette (#D1E5F4, #005E7E, #3F4400, #003219, #000406)
• Airy Rust Market color palette (#FFEBF8, #BB3500, #5A5C00, #004721, #001117)
• Cornflower Grove color palette (#EBF2FF, #647ED2, #006F34, #004847, #051725)
• Aged Chestnut color palette (#DAE5FF, #7F5F00, #005739, #003235, #00060F)
• Dusty Amethyst Boulevard color palette (#FFF1F6, #8125FC, #535800, #363A00, #002814)
• Softworn Meadow color palette (#EFF6FF, #578DFF, #AA6900, #00665A, #061330)
• Raspberry Grove color palette (#FFF0F9, #7D7EFF, #CD1F6E, #005E63, #04213D)
• Soft Pier color palette (#F1F0FF, #A42ECC, #A71B00, #523600, #00100B)

Browse the whole catalog at Explore, or see today's palette.