Powder Harbor color palette — #ECF2FC · #9CB4FA · #767A91 · #4E5560 · #1E2226

Sky and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#ECF2FC): bright and airy, almost weightless.
• Sky (#9CB4FA): A luminous, balanced violet — the color of a velvet chair.
• Slate (#767A91): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#4E5560): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#1E2226): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Dusty Periwinkle Study color palette (#EBF2FF, #819AD7, #57556C, #303845, #1C2327)
• Tempered Courtyard color palette (#E7E1F2, #DD89C9, #7D6686, #4D4659, #18171F)
• Lilac Grove color palette (#F0F5FF, #D0D3FF, #BFA1F5, #A988C2, #524B66)
• Hushed Courtyard color palette (#EFF8F0, #C4E7D5, #ADBD88, #7E9FB3, #415249)
• Softworn Cabin color palette (#F1F7F2, #DADEEB, #A1C9FF, #72ACBC, #485366)
• Orchid Station color palette (#E2E4FF, #A760F4, #6C426A, #2C2D44, #03040C)
• Wandering Chartreuse color palette (#F3F4FF, #E0C9FC, #B3D580, #B59AD5, #33554C)
• Muted Marigold Terrace color palette (#F4F4FF, #DBB6F3, #EFAF5B, #6CBFBC, #414053)

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