Teal Harbor color palette — #F8F1E5 · #78BD98 · #26878C · #674463 · #26301F

Mint Leaf and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Mint Leaf (#78BD98): A luminous, balanced teal — the color of sea glass.
• Cerulean (#26878C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#674463): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Forest (#26301F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. 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

• Tempered Pier color palette (#FAF0E1, #68BAC6, #487DAD, #724244, #1D3127)
• Muted Pine Archive color palette (#F9F1E3, #ACB16C, #45895A, #4C4D79, #2F2D19)
• Aged Bloom color palette (#FBF1FF, #82B783, #408195, #774A5A, #364C4F)
• Mint Bloom color palette (#E8FBEB, #86D1A9, #5D9FA3, #846180, #344D4F)
• Garnet Drift color palette (#FFF0D8, #00A896, #006C86, #720046, #002122)
• Dusty Basin color palette (#F5F1EB, #C3E7E2, #55A8C9, #327872, #213C34)
• Tempered Fern color palette (#F2F3E7, #BEC8A8, #52917E, #666519, #2C3600)
• Muted Study color palette (#E8F0E5, #169786, #2D4132, #192116, #0B0D09)

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