Ash Harbor color palette — #F2F3EA · #BDEAE3 · #7CA88F · #577458 · #263C32

Sage and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F3EA): bright and airy, almost weightless.
• Honeydew (#BDEAE3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#7CA88F): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#577458): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#263C32): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Meadow color palette (#F0F3EB, #BAEBF0, #77A1C9, #4F7463, #403040)
• Hushed Turquoise color palette (#E7E9D7, #45ADB8, #006373, #003938, #000D13)
• Taupe Station color palette (#F8F2DC, #A1A14F, #3AA18A, #9E6954, #2C2718)
• Weathered Dune color palette (#FFE3C5, #DDB36B, #A48339, #6A5D2E, #34322B)
• Mustard Lagoon color palette (#F9F1E2, #CBB168, #CB83A1, #846F35, #462725)
• Patina Alley color palette (#FCF3EF, #BFE5F0, #ABC6F8, #6A9E8E, #574758)
• Muted Basalt Harbor color palette (#F8F2DD, #C3F1D1, #A2D1C3, #A39271, #4B4000)
• Ancient Courtyard color palette (#FCF2D2, #D6D58D, #8C8C4D, #4E4B18, #271E00)

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