Taupe Harbor color palette — #F6F2E4 · #9BB777 · #51875C · #005B71 · #2D2E19

Sage and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Sage (#9BB777): A luminous, balanced green — the color of fresh herbs.
• Fern (#51875C): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005B71): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#2D2E19): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Taupe Harbor 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

• Cypress Coast color palette (#F1F3E8, #7CAA7F, #038286, #2B4E75, #2F2608)
• Wandering Bronze color palette (#F9F1E2, #C6A66F, #827B31, #245E50, #342B19)
• Dusty Loft color palette (#FFF1F6, #B0AB65, #478669, #694E71, #384D47)
• Stone Balcony color palette (#E4FCF0, #B1C982, #759F77, #407887, #374D48)
• Navy Delta color palette (#EBEBD5, #00A183, #006969, #1A3179, #0C1D04)
• Washed Harbor color palette (#FFF3E8, #E5E09E, #67B590, #826789, #404038)
• Azure Archive color palette (#F1F3EC, #C0E7E6, #60A5CE, #3E7480, #223C35)
• Patina Emerald Meadow color palette (#EEEFE0, #5E9348, #374100, #1F1F12, #0D0D07)

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