Turquoise Harbor color palette — #FBF4EC · #C5E8EC · #A8BDED · #58A6B1 · #5A3E4E

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Frost (#C5E8EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A8BDED): A luminous, dusty violet — the color of wild irises.
• Cyan (#58A6B1): A luminous, dusty blue — the color of open sky before noon.
• Cocoa (#5A3E4E): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Feathered Powder color palette (#FFF3E7, #CAE9FF, #8BB7FF, #00A4AE, #393772)
• Dusty Corridor color palette (#FCF3EF, #C4EAE2, #87C8E2, #5CAA8C, #1F5246)
• Softworn Stone color palette (#E9FBE5, #D8E5F6, #D2C4E8, #8BBF9F, #415746)
• Powdered Teal Lantern color palette (#EDFAE8, #77E2D3, #FAA2A0, #17B6A6, #613333)
• Cobalt Workshop color palette (#F1E7E0, #6BAAC7, #2B77BF, #005D5C, #04002D)
• Iris Archive color palette (#F7EFF2, #C2E0FC, #748CC5, #026B76, #252B41)
• Hazy Turquoise color palette (#DEFFE4, #96ECF4, #4FC2D1, #009096, #003336)
• Hazy Terrace color palette (#F9EBE4, #BEDDBB, #00B8D2, #33935B, #003248)

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