Tempered Harbor color palette — #DAF3FF · #5780C5 · #5A4883 · #3D220C · #160D00

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

The five colors

• Frost (#DAF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5780C5): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#5A4883): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#3D220C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#160D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Indigo Cabin color palette (#E0E8F9, #7D66B4, #6D3765, #332F29, #161200)
• Timeworn Cerulean Grove color palette (#D9F4FF, #5488BA, #68557A, #3D3A0E, #112A09)
• Washed Coast color palette (#CFE5E1, #00869D, #31587F, #4F1C2C, #2B0800)
• Muted Lantern color palette (#C3ECF1, #6AADFA, #835A89, #493B12, #251B00)
• Chalky Hollow color palette (#E8EEFF, #9E80E9, #904883, #544113, #1D2800)
• Hushed Pewter color palette (#D4E0FA, #9294CA, #776299, #713548, #481416)
• Weathered Turquoise Villa color palette (#E6DFD3, #38ACC7, #006083, #003938, #000B1A)
• Dusty Ash Orchard color palette (#ECE3F5, #BB7FA9, #8F565B, #354A25, #162104)

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