Jade Harbor color palette — #FFF0FA · #B9EEFF · #74BDFF · #00A987 · #343A6C

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Frost (#B9EEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#74BDFF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A987): A luminous, balanced teal — the color of glacier melt.
• Navy (#343A6C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Chalky Ridge color palette (#FAF2FC, #BEEEFB, #47C7EE, #00AE38, #15426C)
• Softworn Periwinkle Lantern color palette (#F6EBF1, #A8DCF6, #6DA5FA, #009284, #2C2652)
• Patina Teal color palette (#FAF3F6, #D9D4E2, #B2C7F1, #57B4AC, #4B516C)
• Worn Grove color palette (#CBF3FF, #00CDD1, #E177FF, #EC48E9, #003839)
• Soft Pine color palette (#EEE4F0, #8BCECA, #00A2C4, #0E841C, #00203C)
• Muted Indigo color palette (#EEE1E5, #86A4C1, #5C66D4, #005D60, #100021)
• Muted Mustard color palette (#D7FEFE, #B2E6FF, #CEC5EB, #AFB033, #084F4C)
• Pale Delta color palette (#FCEFE8, #8BDEF4, #2189D1, #00654C, #1A2048)

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