Soft Teal Harbor color palette — #F7F3FF · #E4A0D3 · #9DB96C · #00A697 · #362E44

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

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Carnation (#E4A0D3): A luminous, balanced pink — the color of a candy shop window.
• Sage (#9DB96C): A luminous, balanced green — the color of new leaves after rain.
• Turquoise (#00A697): A luminous, balanced teal — the color of glacier melt.
• Navy (#362E44): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Ancient Cerulean Garden color palette (#FCF1FE, #F79AAC, #7ABF9A, #009FC5, #3C2D3E)
• Tempered Archive color palette (#FDF0FD, #EFA9AA, #AEA244, #009085, #273462)
• Aged Moss color palette (#F2F5FF, #B6B0F2, #CDA75C, #65A253, #2C3247)
• Timeworn Jade color palette (#FFF0FB, #9AAEF8, #64B36C, #5F6FA9, #301E2C)
• Patina Drift color palette (#FCF1FD, #CF878E, #B58546, #00807A, #3F2A40)
• Muted Blush Courtyard color palette (#F8F3F9, #E0D7D9, #B6B6AA, #E290A4, #4D4450)
• Misty Cobalt color palette (#FFE7F2, #E8955F, #22B4BD, #4882D8, #381B2B)
• Gentle Emerald Station color palette (#F3DAFF, #FF8EB7, #009F2A, #00899A, #3F001F)

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