Denim Harbor color palette — #E9EFF6 · #C2CDE0 · #989FBC · #19578F · #262F38

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9EFF6): bright and airy, almost weightless.
• Lilac Frost (#C2CDE0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#989FBC): A luminous, dusty violet — the color of wild irises.
• Peacock (#19578F): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#262F38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Petrol Studio color palette (#F0F6FD, #DBD6E6, #AFB1C9, #4C648D, #353B44)
• Navy Field color palette (#DAE0EB, #B1B7D2, #8C8BA2, #323F7A, #1A1F2A)
• Muted Pewter color palette (#D5E0FD, #9589B7, #7E4F7A, #2D4E35, #2D380D)
• Worn Basin color palette (#F5F4FC, #E0D7DE, #B7A9A2, #817E99, #525257)
• Onyx Boulevard color palette (#E3E0EC, #A094AC, #7D6881, #470A48, #0A0615)
• Softworn Azure color palette (#F1EDF2, #DFCED2, #CAB2B5, #5595DE, #342935)
• Muted Moss color palette (#D7EBDD, #8D9245, #425F1C, #1D4259, #083124)
• Dusty Iris Orchard color palette (#EBF2FF, #42B5FE, #698FFF, #864A9F, #242047)

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