Softworn Teal Harbor color palette — #F0F7F1 · #D0E0F9 · #8AC7E3 · #53A9A1 · #304A61

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#D0E0F9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8AC7E3): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#53A9A1): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#304A61): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Sky Hollow color palette (#E9FBEC, #A6F3FF, #20C9F7, #10A797, #004566)
• Ancient Turquoise color palette (#FBF2F9, #C3ECFF, #78ABD1, #4D8870, #3A4861)
• Antique Atelier color palette (#E2FBFB, #CCDEEB, #B5A8BE, #96B693, #345155)
• Aged Teal color palette (#E2F2E5, #24B6B9, #008395, #005F4B, #000B12)
• Pale Cobalt Courtyard color palette (#D6E5D9, #67BDDC, #008CCB, #006C70, #00132E)
• Frosted Veranda color palette (#DCFDFC, #70E8A5, #EDA0DD, #6BB087, #473B5D)
• Worn Seafoam Meadow color palette (#DDFCFF, #7BF0CA, #66C9A5, #3C927C, #00382A)
• Gentle Courtyard color palette (#D8FEFF, #00DFA0, #ABA9FF, #CE967F, #203E3F)

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