Teal Harbor color palette — #FCEDF6 · #7CBD91 · #278697 · #734149 · #193033

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

The five colors

• Blush (#FCEDF6): a clean, paper-quiet neutral.
• Mint Leaf (#7CBD91): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#278697): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#734149): A full-bodied, dusty red — the color of embers at dusk.
• Deep Forest (#193033): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Patina Pier color palette (#FDEDF2, #5FBDC1, #527AB1, #6D4924, #192F3B)
• Ancient Lagoon Summit color palette (#FCEDF3, #B4AF6B, #2E8B66, #644567, #18322B)
• Wandering Teal color palette (#E3FCF4, #51BE9F, #3E8483, #49597C, #354C50)
• Weathered Lagoon color palette (#E9F5F2, #A1CDCD, #499189, #496961, #233535)
• Garnet Archive color palette (#FFEBF9, #00A98B, #006A90, #711A00, #002122)
• Aged Mint color palette (#FFF2EB, #8DCFA7, #5B9EAD, #8F5F6B, #424B3D)
• Worn Orchard color palette (#F6F6E8, #A8EDDE, #40B5BD, #636FA0, #364433)
• Wandering Ash Corridor color palette (#F6F0F4, #D5D2E9, #6FA3C6, #3D776C, #2B3747)

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