Powdered Harbor color palette — #F6EEDA · #9F8F11 · #6970BE · #625700 · #2C305D

Moss and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6EEDA): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#9F8F11): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#6970BE): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#625700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2C305D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Ancient Indigo Harbor color palette (#F1E8D7, #A98F34, #7C69CA, #675300, #1E0F43)
• Pale Cobalt color palette (#FBECDC, #B8803D, #2D7FBA, #794A00, #04385B)
• Fern Drift color palette (#F0F0DA, #6F9D4B, #9360AD, #386400, #462456)
• Muted Lilac color palette (#E1F4E6, #C4A44D, #9A85D9, #8C6D00, #3A2763)
• Gentle Coast color palette (#EFE4C2, #817E00, #00779B, #903268, #342B0A)
• Hazy Grape color palette (#E9E4CE, #6F7300, #5E35BE, #3A3D00, #1E034C)
• Antique Chestnut Bloom color palette (#F2E7CE, #969B6E, #706423, #593F04, #31312A)
• Muted Pine Thicket color palette (#F3F7E9, #8BBE9D, #B786AE, #45815D, #664146)

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