Denim Harbor color palette — #DFE7EF · #B0B9CA · #888CAA · #004970 · #15212B

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

The five colors

• Frost (#DFE7EF): bright and airy, almost weightless.
• Ash (#B0B9CA): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#888CAA): A luminous, dusty violet — the color of wild irises.
• Navy (#004970): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#15212B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Navy Archive color palette (#DCE6E3, #BAAFB9, #9B8696, #004677, #000E0A)
• Hushed Denim color palette (#DFE7EF, #BAC5D4, #95A5C3, #0063A8, #15202C)
• Aubergine Loft color palette (#EEEDF5, #D0C9D6, #AB9AAC, #6C4179, #2E2C39)
• Tempered Hollow color palette (#C8E6F3, #7583BA, #674567, #274205, #032D17)
• Softworn Petrol color palette (#F0F6FC, #DCD9E3, #C5BCC9, #5A7797, #414951)
• Weathered Cobalt Coast color palette (#E2ECE9, #D2BDC1, #C6A09D, #0088CC, #0D241E)
• Aubergine Orchard color palette (#E6E8F6, #9A97A6, #776B7F, #360868, #070717)
• Tempered Bronze Bloom color palette (#EFD9E0, #897A2A, #394D00, #212A56, #201B00)

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