Feathered Harbor color palette — #FAF5EA · #B8A22D · #00997E · #00687A · #271626
A conversation between Gold and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5EA): a clean, paper-quiet neutral.
- Gold (#B8A22D): A luminous, balanced green — the color of new leaves after rain.
- Fern (#00997E): A luminous, balanced teal — the color of glacier melt.
- Peacock (#00687A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#271626): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Feathered 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
- Antique Parlor color palette (#F6F6EB, #AAC388, #00ABB8, #436F91, #312229)
- Chalky Terrace color palette (#FDF4E6, #E6B154, #79963D, #006C54, #461C1E)
- Jade Dune color palette (#F4F7EA, #67B374, #008FB5, #3F569D, #210F15)
- Weathered Boulevard color palette (#FFF0F7, #A495E5, #009F80, #006B79, #201020)
- Patina Amber Boulevard color palette (#FFF3E3, #FFBB88, #BB871E, #3D714A, #36312B)
- Washed Pier color palette (#FEF3EA, #6BA7E3, #6D9A09, #006F5A, #081A10)
- Blush Boulevard color palette (#FFF2ED, #FF939F, #00B5C4, #429099, #37212C)
- Worn Wisteria color palette (#FFF1F2, #D88ECE, #009AB2, #2A5B93, #2A151E)
Browse the whole catalog at Explore, or see today's palette.