Ash Harbor color palette — #FBF3EE · #C3EFED · #739EC3 · #5F765A · #604B5C

Built around Blue Fog, softened by Pewter — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Honeydew (#C3EFED): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#739EC3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#5F765A): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#604B5C): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Muted Ash color palette (#F7F0EB, #C7E5E3, #7E9FC5, #3F776A, #442E3C)
• Muted Apricot color palette (#FFF2EA, #E69C75, #64A2BF, #95664D, #335547)
• Hushed Powder color palette (#FAF3F7, #D8D5E5, #94B4D9, #599197, #48526C)
• Washed Amber color palette (#FFF2E9, #D67E4A, #3596B6, #557A9F, #47413C)
• Weathered Cobalt color palette (#FFF2EC, #AAD0B4, #0083AE, #00624E, #47314A)
• Worn Corridor color palette (#FFF3E6, #A3D4FF, #5477DE, #006571, #3F3866)
• Timeworn Denim color palette (#F5EAE3, #45ADCA, #005D8D, #003F38, #061B49)
• Timeworn Aqua Veranda color palette (#F7ECE7, #5CC4C7, #00748D, #005236, #02314D)

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