Pale Harbor color palette — #FFF1F2 · #FE87DA · #93A400 · #0074D9 · #062F62

Royal Blue and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#FE87DA): A luminous, vivid pink — the color of a candy shop window.
• Moss (#93A400): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#0074D9): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#062F62): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Timeworn Clover Boulevard color palette (#FFF2EF, #FF90AB, #27B63C, #1F6EE5, #122C63)
• Softworn Fuchsia color palette (#FFF1F3, #FE7DF7, #A69C00, #0082A1, #003645)
• Misty Peony Coast color palette (#F0DCDA, #F468B1, #739200, #005EBF, #0E1949)
• Dusty Jade color palette (#FEF2EE, #FFA09A, #66B570, #6579BB, #3F2E56)
• Powdered Amber Coast color palette (#FFF1F6, #CEB2FF, #B78300, #008781, #00383A)
• Weathered Marigold Cabin color palette (#FFE1F0, #FFBFB5, #C8A553, #638DA8, #284F42)
• Ancient Nightshade color palette (#FFF2EE, #FF8194, #B56C05, #423CA5, #3D0038)
• Ancient Cabin color palette (#FAF5E4, #B1DDA1, #1FC18A, #A176AB, #3B3B34)

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