Weathered Spruce color palette — #FAEAE5 · #7FC5C2 · #00738C · #01420B · #000308

Forest takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAEAE5): bright and airy, almost weightless.
• Mint Leaf (#7FC5C2): A luminous, dusty teal — the color of sea glass.
• Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#01420B): A deep, shadowed, balanced green — the color of new leaves after rain.
• 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 Weathered Spruce 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 Cobalt Courtyard color palette (#F9EBE3, #7CC2DB, #0068B8, #003F33, #020013)
• Washed Station color palette (#FFF2EC, #83DCEB, #0083BE, #005438, #02072B)
• Lagoon Dune color palette (#F4E3EE, #46A09E, #005362, #00321B, #001624)
• Dusty Teal Cabin color palette (#D6E5D9, #4EC5C3, #0094A5, #007055, #001720)
• Antique Petrol color palette (#FCECD1, #9B7900, #006CAD, #4B3900, #000103)
• Iris Boulevard color palette (#FEF3E8, #D1E9FF, #7785F5, #00696D, #27113C)
• Ember Field color palette (#F8E6E5, #D46100, #734A00, #261F00, #050600)
• Sky Coast color palette (#FEF2EE, #BCEDF6, #00B6EA, #35804C, #172F4D)

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