Powder Harbor color palette — #F9F4EE · #CBE7EB · #97B3DE · #5390A3 · #624A5B

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Frost (#CBE7EB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#97B3DE): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#5390A3): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#624A5B): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Hushed Drift color palette (#F9F4EE, #CBE7E1, #7DBCCE, #529585, #335246)
• Washed Parlor color palette (#F9F4EF, #CAE6EA, #8C97C2, #0C7E81, #654954)
• Aged Studio color palette (#FFF2EE, #DF9DA1, #90B07F, #7095C4, #523C36)
• Pale Cobalt color palette (#EEE6DA, #8EB7D4, #2B75C8, #005766, #0E194A)
• Wandering Delta color palette (#F5EDE2, #92D0E1, #0092C5, #006C6A, #003052)
• Hushed Denim color palette (#F0E7DA, #56A1A0, #006470, #003D2E, #000B11)
• Tempered Veranda color palette (#FFF2EE, #E0DACE, #9ABECD, #C49592, #7C401F)
• Turquoise Studio color palette (#FCF4E7, #9EEAF3, #00ACD2, #008475, #004564)

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