Pewter Harbor color palette — #EDF9F1 · #92BAAB · #617D52 · #2C6367 · #264B3F

Built around Fern, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF9F1): bright and airy, almost weightless.
• Sage (#92BAAB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#617D52): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#2C6367): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#264B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Patina Lagoon color palette (#EAF9F1, #76A798, #3F713A, #204F72, #0C3F33)
• Ancient Bloom color palette (#FEF3E7, #CAC793, #739C68, #607962, #524000)
• Hushed Fern color palette (#D9E9DE, #8B9060, #3B6100, #00445E, #292C00)
• Velvet Forest color palette (#CDE6E2, #2F6B4F, #00332B, #001B1F, #000803)
• Tempered Courtyard color palette (#F1F7F2, #C7E0F7, #6D8BBA, #006D84, #394766)
• Gentle Petrol Thicket color palette (#EEF6FF, #72A4D5, #B17F33, #0069AF, #583C0F)
• Patina Forest Meadow color palette (#DCEFE7, #658554, #005329, #002D5E, #0C2100)
• Denim Harbor color palette (#CFF0FF, #6DB8D8, #007DB5, #005BA9, #3A4870)

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