Tempered Harbor color palette — #F5F1EB · #A6D3C5 · #4E7BC3 · #00596C · #161B46

A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Pistachio (#A6D3C5): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#4E7BC3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00596C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#161B46): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Tempered Cobalt color palette (#FBF0E1, #7BC7E8, #0078B8, #005156, #00173F)
• Cerulean Bloom color palette (#F9F1E4, #98DEE2, #0092AC, #006453, #00293A)
• Dusty Cobalt color palette (#FCF2F5, #A9C9E6, #5E73BE, #00605F, #3F3258)
• Worn Denim color palette (#F1E9DC, #5694A5, #00506E, #002C2B, #00050D)
• Periwinkle Garden color palette (#F1F7F2, #BAD8F4, #5E95EB, #007891, #2D3A55)
• Frosted Violet color palette (#F7DAE1, #9565AA, #946300, #006969, #1F0828)
• Tempered Terrace color palette (#FFECF0, #FCC8C9, #E19BA4, #6C59A5, #36141C)
• Aubergine Hollow color palette (#DFE3F2, #8E87D6, #7C54B8, #5A037A, #380E37)

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