Taupe Harbor color palette — #FAF4EE · #C6DFED · #DBBAD9 · #8AAC90 · #624A59

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C6DFED): A whisper-light, dusty blue — the color of open sky before noon.
• Carnation (#DBBAD9): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#8AAC90): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#624A59): A full-bodied, dusty pink — the color of a candy shop window.

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

• Weathered Ridge color palette (#F0F8EC, #A4E4D6, #F4B3B8, #59BCAA, #65443A)
• Washed Powder Chapel color palette (#FAF4ED, #C6E6EA, #A4BCF5, #5DA5B0, #5B3D4E)
• Stone Dune color palette (#EBFAE9, #F9DAF1, #BEEAE8, #BCC398, #415145)
• Cocoa Atelier color palette (#FFF2EB, #ECD5BF, #D0AE9A, #B0877B, #604100)
• Antique Ridge color palette (#F8EFF2, #D9D0E4, #7A9DD7, #3C757A, #2F3648)
• Washed Seafoam Corridor color palette (#E8FCE7, #71DCD7, #EEA7B5, #D19373, #384737)
• Softworn Villa color palette (#F5F9D3, #AFE9C3, #73C5B2, #4F9A9A, #375644)
• Hushed Bloom color palette (#EFDED5, #70C0C0, #0092AE, #007149, #001625)

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