Powdered Harbor color palette — #E6EFFB · #3781F8 · #8B7200 · #004AB2 · #221A00

Built around Azure, softened by Cobalt — the whole palette hums with nature and growth.

The five colors

• Frost (#E6EFFB): a clean, paper-quiet neutral.
• Azure (#3781F8): A luminous, vivid blue — the color of deep harbor water.
• Walnut (#8B7200): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#004AB2): A full-bodied, vivid blue — the color of deep harbor water.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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

• Feathered Market color palette (#FFE5FB, #5D8DF5, #9F7100, #143FB0, #0D0600)
• Washed Nightshade Delta color palette (#DAE0F2, #7972ED, #837600, #4B2AC5, #1F1B00)
• Weathered Azure Field color palette (#E4F1FF, #299BFC, #974F00, #005493, #2C1300)
• Soft Nightshade Pier color palette (#E5EBF9, #6D77F6, #4F7300, #2A00A0, #0A1300)
• Faded Ultramarine color palette (#F8E5F8, #7BB1FF, #AD8B03, #0058BE, #221900)
• Pale Station color palette (#D1E4EF, #0095B8, #9F6700, #005C73, #281600)
• Cobalt Station color palette (#DEEDFF, #0075D3, #955900, #396600, #001228)
• Soft Aubergine Corridor color palette (#E8E9FF, #B571F1, #138C1D, #610094, #012202)

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