Tempered Spruce Coast color palette — #F1E3F1 · #6EA8A7 · #00627A · #003D0E · #000B1C

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

The five colors

• Blush (#F1E3F1): A whisper-light, dusty pink — the color of a candy shop window.
• Blue Fog (#6EA8A7): A luminous, dusty teal — the color of sea glass.
• Peacock (#00627A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003D0E): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000B1C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered 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

• Weathered Denim color palette (#E0EFE3, #6AACAB, #00636F, #00402F, #00242F)
• Powdered Pier color palette (#EFE1E8, #6EA5BB, #0057A5, #003A31, #09002D)
• Hushed Bloom color palette (#EFE6EC, #7CC0CB, #0073A6, #004E33, #040E40)
• Cerulean Meadow color palette (#FBF4EA, #91DBD9, #008A9A, #00533F, #000F16)
• Softworn Driftwood color palette (#D7E2EE, #B3A2D7, #B56A81, #00575F, #020822)
• Navy Basin color palette (#E8DCDF, #577CA0, #2E2F7C, #001F21, #020006)
• Ancient Forest Chapel color palette (#F7EFF6, #BCE4F2, #5097BB, #276E48, #1A2B4A)
• Hushed Denim color palette (#CDE2FF, #0055AB, #5A4B00, #2C3D0E, #00030E)

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