Tempered Powder Harbor color palette — #E8F4FD · #7CC0EC · #6E7D8E · #4A5660 · #1B2328

A conversation between Sky and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E8F4FD): bright and airy, almost weightless.
• Sky (#7CC0EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6E7D8E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4A5660): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#1B2328): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Azure Study color palette (#E7F4FE, #5EA4CD, #4F586B, #2D3A44, #1B2326)
• Aged Lilac Boulevard color palette (#E1E3F6, #BC96E9, #6F6C88, #474857, #161820)
• Aged Station color palette (#EAF9F6, #C3E6E2, #8DC1C0, #7FA1A5, #3A5350)
• Hushed Powder color palette (#EEF6FF, #C4DCFF, #9AB7F5, #8693C8, #434F6C)
• Wandering Cornflower color palette (#DAE5F8, #6680F6, #485272, #243046, #02040B)
• Worn Market color palette (#F1F5FF, #BFC1FB, #E7A8C6, #7ABACB, #3C4253)
• Softworn Magenta color palette (#ECE8F9, #D945E0, #754866, #372F4E, #070515)
• Weathered Violet color palette (#E1E6FF, #8451EC, #4D3662, #181B31, #010108)

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