Taupe Harbor color palette — #E7FBEF · #D3D4A6 · #B8AE71 · #9A864F · #27443A

A conversation between Sage and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E7FBEF): A whisper-light, dusty teal — the color of sea glass.
• Wheat (#D3D4A6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B8AE71): A luminous, balanced green — the color of fresh herbs.
• Caramel (#9A864F): A luminous, dusty green — the color of a quiet forest floor.
• Forest (#27443A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Taupe Chapel color palette (#D9EEE3, #BFC890, #A5A24E, #8A7A30, #17372F)
• Worn Apricot Meadow color palette (#FFF0F7, #F3C6A2, #DB9C75, #AB7B68, #4D353D)
• Frosted Corridor color palette (#E5FAFC, #59CEAB, #DB874F, #987D12, #13322F)
• Softworn Courtyard color palette (#E4F7EB, #89B7A9, #807547, #654425, #052927)
• Weathered Loft color palette (#DAF4D9, #A17924, #825500, #5D3400, #000501)
• Patina Pier color palette (#E9F8FE, #C2E0AC, #3FA6AE, #396B7B, #182428)
• Pale Amber color palette (#FAD0E5, #FAA04D, #E36F00, #B05026, #3C2200)
• Rust Meadow color palette (#F8E7F0, #D68B50, #BD5E21, #8D4026, #241100)

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