Powdered Taupe Harbor color palette — #FBF5E7 · #B49F40 · #009D9D · #776500 · #304A30

Mustard and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Mustard (#B49F40): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#009D9D): A luminous, balanced teal — the color of sea glass.
• Olive (#776500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#304A30): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Powdered 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

• Antique Moss Coast color palette (#FCF6D9, #879123, #008F7E, #965632, #3A3831)
• Worn Boulevard color palette (#F5F7E7, #7DAF70, #0095CE, #3D752D, #1E4C3D)
• Ember Terrace color palette (#F5F7E7, #7DAF6F, #D56336, #337819, #48413D)
• Antique Bronze Workshop color palette (#FBF4E7, #B5A67E, #857125, #634E24, #3F3D36)
• Feathered Canyon color palette (#FCF0DC, #C39F2F, #8183D7, #7A610F, #381C2F)
• Feathered Emerald color palette (#D8E3C6, #009661, #9B5600, #005737, #3F2000)
• Soft Terrace color palette (#EAFAEF, #D4B547, #919FE7, #947F30, #35425F)
• Patina Courtyard color palette (#F6F6EC, #B8B174, #3E5C14, #23340D, #172014)

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