Tempered Denim Harbor color palette — #EFF6FF · #DCD6E5 · #BAB7D3 · #375F9B · #020D1D

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DCD6E5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#BAB7D3): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#375F9B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#020D1D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Worn Basin color palette (#EAEEF8, #CECEE0, #AC9FC1, #42428E, #01020B)
• Wandering Lantern color palette (#F3EAF3, #C3B4BC, #9C83A8, #114382, #261B26)
• Muted Cornflower Lagoon color palette (#EFE5ED, #C9BBBD, #C59EA0, #547ADB, #271A25)
• Antique Lantern color palette (#CAE5FF, #9D9BCE, #8B597E, #104B22, #002219)
• Worn Aubergine color palette (#E1E0E9, #BDB8C5, #9D8B9F, #522268, #010007)
• Midnight Grape Veranda color palette (#E4EAFF, #6430D6, #3B2B2B, #1F0621, #01000B)
• Faded Cornflower Hollow color palette (#CFF9ED, #0E8BF4, #6F3394, #213100, #02001A)
• Indigo Boulevard color palette (#ECF3FF, #476EEB, #8A2300, #232800, #010200)

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