Tempered Aqua Harbor color palette — #FFF1F6 · #00C7DF · #6B83C5 · #815938 · #274051

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cyan (#00C7DF): A luminous, balanced blue — the color of deep harbor water.
• Slate Blue (#6B83C5): A luminous, balanced violet — the color of wild irises.
• Coffee (#815938): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Teal (#274051): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, muted, cool.

Use it as a design system

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

• Mint Coast color palette (#FFF0F9, #3ECD9C, #3C92AF, #85525F, #20434A)
• Feathered Terracotta Courtyard color palette (#FFF4E2, #84DAF4, #6A93D1, #9F4136, #19392D)
• Weathered Study color palette (#DBFEF3, #75B6F9, #9677B0, #5A6B37, #323D53)
• Teal Balcony color palette (#FFF1F5, #3BAAA9, #5366A2, #69451A, #244151)
• Airy Meadow color palette (#EAF8FF, #00B8D8, #AE648D, #7D5424, #483500)
• Tempered Bronze color palette (#FEF4E4, #82DBC8, #79A7E3, #A27A1E, #2B4432)
• Softworn Thicket color palette (#FCF2F9, #C2ECFF, #67AFD3, #448977, #334963)
• Tempered Coast color palette (#E8F8FF, #A9CCF6, #999EC0, #64806D, #415447)

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