Teal Harbor color palette — #FFF2E9 · #B9C58D · #45A590 · #8D5C7E · #494C00

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Pistachio (#B9C58D): A luminous, dusty green — the color of new leaves after rain.
• Turquoise (#45A590): A luminous, balanced teal — the color of glacier melt.
• Pewter (#8D5C7E): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Olive (#494C00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro, muted.

Use it as a design system

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

• Softworn Taupe color palette (#FFF3E6, #DEB58B, #859C60, #736695, #5E4200)
• Aged Seafoam color palette (#FFF2EC, #82D1B2, #519DBB, #965D58, #404C3E)
• Teal Coast color palette (#E8FBEB, #CCE7B6, #6DB29B, #786A91, #2C4542)
• Dusty Cocoa Garden color palette (#FEF5DF, #D1D6BF, #97B597, #96756D, #783E17)
• Patina Jade color palette (#F0F4E4, #65AF77, #4E5D4A, #343D00, #23221C)
• Worn Jade color palette (#E6FBF2, #88B67D, #4D856A, #305F78, #354D4B)
• Feathered Clover color palette (#FFF2EA, #61C256, #008F94, #962D5A, #05402B)
• Hushed Powder color palette (#FAF4EF, #C4E1F3, #94B1EB, #44949E, #604C57)

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