Ash Harbor color palette — #F5F6EE · #CCE4DD · #ADD2B3 · #76AFA3 · #395141

Turquoise and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CCE4DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#ADD2B3): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#76AFA3): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#395141): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Timeworn Chestnut color palette (#FCF4E6, #DBE4C7, #9FC0B0, #517E80, #674E00)
• Weathered Archive color palette (#E2E4D5, #6FACB3, #008297, #005D5B, #000B11)
• Hushed Teal color palette (#F9F3F7, #D2D5E5, #B4BBE9, #63A27E, #335167)
• Timeworn Ash color palette (#F4F6EF, #CBE4E7, #D9BBDC, #78AAC2, #614A60)
• Oat Workshop color palette (#FFF3E3, #E4C286, #9ECBA2, #DF989D, #46423B)
• Tempered Teal Dune color palette (#ECF4F2, #CBDEF0, #5BABB1, #2D7A6D, #1F3A45)
• Washed Cocoa Station color palette (#FCF4E9, #EAD6B6, #C9B293, #A48D75, #5C4300)
• Misty Sky color palette (#F4F7E9, #B6EFFF, #29C8F8, #00A4AE, #004661)

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