Tempered Harbor color palette — #DFE9F1 · #A6B6CD · #8B95B0 · #005788 · #051523

Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Frost (#DFE9F1): bright and airy, almost weightless.
• Ash (#A6B6CD): A luminous, dusty blue — the color of deep harbor water.
• Blue Fog (#8B95B0): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#005788): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#051523): 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 Tempered 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

• Tempered Archive color palette (#E0E5EE, #9EA3BE, #85839B, #35398A, #040818)
• Muted Cobalt color palette (#E5F2ED, #C4AEB2, #BC908E, #0079B1, #001912)
• Dusty Pewter color palette (#E2E0EE, #C9BFD7, #B19CB9, #7B4A86, #1F1C2D)
• Dusty Alley color palette (#F4F4FC, #E2D5E1, #C9B9C3, #8E74A3, #393946)
• Tempered Bloom color palette (#EEF6FF, #CFDEFD, #B5BCDE, #2878CF, #283442)
• Wandering Dune color palette (#E4EFFF, #8175C2, #814C81, #4B3400, #1F1F00)
• Ancient Dune color palette (#F1F5FD, #DCD8E2, #BDADB5, #8A9DB9, #4E535A)
• Hushed Moss Study color palette (#DCEADF, #8F8600, #485B00, #003E51, #121000)

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