Pale Harbor color palette — #FEF3E9 · #B4E8D5 · #669CED · #008188 · #373773

Cornflower and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Mint (#B4E8D5): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#669CED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#008188): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#373773): 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 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

• Dusty Turquoise Thicket color palette (#FFF2EC, #9CEAF4, #3CA9D3, #008568, #1B4267)
• Dusty Cornflower Orchard color palette (#FFF3E7, #9AD2FF, #5985F4, #00717C, #32216E)
• Patina Hollow color palette (#FBF3EF, #CEE7E0, #7CBDCE, #669278, #325247)
• Hazy Ultramarine Courtyard color palette (#F4E5D9, #5EACD3, #0065C0, #004A4B, #0D0146)
• Cobalt Balcony color palette (#F8EAE4, #7CBDC9, #007FAC, #005B4A, #001F42)
• Gentle Boulevard color palette (#D7E8D4, #3EC878, #00A58B, #007775, #004D5B)
• Denim Quarry color palette (#F0DCD3, #4EA0AB, #00617F, #003D2E, #000919)
• Frosted Study color palette (#D9FDFF, #21DEDD, #009D9B, #005F5D, #002D2C)

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