Taupe Harbor color palette — #FCF4E9 · #D1E9BD · #9AA476 · #886E78 · #3B3831

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

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Celadon Mist (#D1E9BD): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9AA476): A luminous, dusty green — the color of fresh herbs.
• Pewter (#886E78): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#3B3831): a grounded near-black with real depth.

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

• Fern Canyon color palette (#F7F5EC, #B8E9D6, #93BA9B, #958081, #4B4900)
• Softworn Moss Atelier color palette (#FDF4E5, #D6D48F, #7C9450, #7B5A50, #2F270D)
• Ancient Seafoam color palette (#F7F8DB, #7FF5AD, #00AA8A, #885B6D, #0D3720)
• Olive Garden color palette (#ECF9EF, #98B9A5, #777737, #7B4950, #2B4A3A)
• Timeworn Denim color palette (#EBF5EA, #9BBCAA, #697D51, #4A527B, #162D22)
• Apricot Quarry color palette (#FFF2EC, #FF9B8F, #75BE80, #7E90C1, #3B251B)
• Worn Aqua color palette (#FAF4EC, #B8EAF2, #77C9DA, #54907D, #224838)
• Blush Lantern color palette (#FFF0F8, #FFC1D1, #EA828C, #9D5D57, #433C38)

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