Feathered Harbor color palette — #DEE2C4 · #C09E00 · #009255 · #00668D · #001C19

Mustard and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DEE2C4): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#C09E00): A luminous, balanced green — the color of new leaves after rain.
• Fern (#009255): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00668D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#001C19): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.

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

• Pale Nightshade color palette (#CCE8C5, #99A500, #008A86, #3B42A6, #001E26)
• Soft Tangerine color palette (#F6F1D6, #F17C09, #6B8D00, #005E65, #001B0D)
• Quiet Moss color palette (#BEE9E7, #59B700, #00965C, #006257, #000502)
• Lime Cabin color palette (#E2EBCE, #61D640, #00B571, #008270, #001E13)
• Dusty Basin color palette (#D1EED6, #00A241, #006D7C, #30188D, #00050C)
• Tempered Olive color palette (#F1E6CF, #58893A, #00513D, #372E00, #1C1C00)
• Lagoon Ridge color palette (#E1E2C5, #00936F, #2A617D, #552B30, #391B14)
• Pine Courtyard color palette (#D1E8CE, #008D5E, #005E5E, #003440, #0F1834)

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