Ash Harbor color palette — #FAF4ED · #C5ECF2 · #8D97C1 · #5A775D · #634A54

A conversation between Blue Fog and Pewter, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Frost (#C5ECF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8D97C1): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#5A775D): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#634A54): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, 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

• Ancient Olive Field color palette (#FCF3EF, #C9EBE5, #77A493, #647835, #604B5D)
• Lilac Courtyard color palette (#FFF1F6, #A487CF, #4D9C75, #757770, #503C44)
• Ancient Cerulean Archive color palette (#F3F6EF, #C9E5EA, #C4A5C4, #5F8DA8, #604B5C)
• Washed Petrol Bloom color palette (#EBF4F4, #D6D8EC, #849EC2, #3C7290, #2B3749)
• Oat Market color palette (#FFF1F5, #E4D9D2, #D6C6A3, #A487A1, #5D494C)
• Turquoise Thicket color palette (#FAF3F5, #DCDEEB, #B5C5F5, #58B1C3, #4B516C)
• Mallow Dune color palette (#FFF1F5, #C49FDB, #83A46F, #846299, #4D4E46)
• Aged Cobalt Garden color palette (#FEF3EB, #99CDE9, #5A78AC, #006058, #4D3040)

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