Taupe Harbor color palette — #F9F5EA · #B5AD6D · #6AA9A1 · #9F6A6B · #403D36

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

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Sage (#B5AD6D): A luminous, balanced green — the color of a quiet forest floor.
• Turquoise (#6AA9A1): A luminous, dusty teal — the color of glacier melt.
• Mocha (#9F6A6B): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#403D36): a grounded near-black with real depth.

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

• Worn Cocoa Grove color palette (#FFF2E9, #D39D7D, #8BA57A, #916C8E, #5D3000)
• Weathered Mint Villa color palette (#F4F7E8, #90C08E, #509A9B, #895E44, #524000)
• Softworn Drift color palette (#F0F8EE, #70BAB5, #8A99C9, #82719C, #344133)
• Muted Teal Workshop color palette (#EEFAE4, #3BB692, #6593C5, #856A32, #31342E)
• Patina Pier color palette (#F4F7EA, #6B9F72, #488A96, #675192, #3C3E37)
• Muted Study color palette (#F6F6EE, #D6DCD5, #A6B6B2, #A09E74, #53534A)
• Driftwood Boulevard color palette (#F7F5ED, #CDD8A2, #6EAB8B, #88944D, #263400)
• Powder Summit color palette (#EDF9EE, #E2BC7F, #7BBDF7, #B389B5, #354136)

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