Sunlit Harbor color palette — #FDEBFC · #7AA4EC · #B48338 · #42649E · #372200

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

The five colors

• Blush (#FDEBFC): A whisper-light, dusty pink — the color of neon signs at night.
• Cornflower (#7AA4EC): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B48338): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#42649E): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#372200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Pale Turquoise color palette (#E3F7EE, #29B2E5, #C3784B, #006E91, #3C1F05)
• Aged Garden color palette (#FFECF5, #A890F7, #929337, #67579C, #302600)
• Sunlit Ultramarine color palette (#EFF6FF, #839FD6, #AB8140, #3B61B2, #593C06)
• Iris Thicket color palette (#FFEBFB, #6A88E0, #B7645A, #43794C, #291726)
• Pale Mustard color palette (#FEF0FF, #B4D8FF, #D6B858, #558EC9, #443706)
• Quiet Cobalt color palette (#EFF6FF, #9CB7F1, #D88AA0, #5B7DCB, #5E3340)
• Timeworn Boulevard color palette (#E1E3FF, #7A6BFF, #837100, #4627B5, #1B1600)
• Mallow Alley color palette (#FEEBFB, #E4D1E4, #DDACDB, #547F71, #392833)

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