Taupe Harbor color palette — #E8FBF0 · #DFD79C · #B9C3F7 · #B3AA6B · #3E4C6D

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

The five colors

• Ivory (#E8FBF0): A whisper-light, dusty teal — the color of glacier melt.
• Wheat (#DFD79C): A whisper-light, dusty green — the color of fresh herbs.
• Lavender (#B9C3F7): A whisper-light, dusty violet — the color of a velvet chair.
• Sage (#B3AA6B): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#3E4C6D): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Ancient Corridor color palette (#FFF0F7, #FCC8A9, #96CFF5, #D59972, #2F516B)
• Timeworn Lantern color palette (#EAF9F2, #C5CA8B, #9AAFE9, #8D9156, #3C4D6B)
• Teal Cabin color palette (#E7FAF8, #B3E3BA, #E9B3DC, #83B78B, #524667)
• Weathered Summit color palette (#E4FCF0, #CDCC7F, #81C9E8, #D09DB6, #32483E)
• Aged Stone color palette (#DAFFF0, #DDE9B6, #B7BF86, #8A915D, #134335)
• Frosted Celadon color palette (#D9FFF3, #C6EA6E, #C3A4FF, #739100, #422B67)
• Ancient Taupe color palette (#EBF9F6, #F1DBAE, #86A984, #4B7671, #232E2C)
• Tempered Lagoon color palette (#F6F1E5, #BFB572, #8D94E3, #7E7321, #412739)

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