Tempered Aqua Harbor color palette — #E8F6ED · #31C6E9 · #4277B6 · #007087 · #130B14

Cyan takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Cyan (#31C6E9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4277B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Teal (#007087): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#130B14): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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

• Indigo Boulevard color palette (#F6EFF6, #85B6F5, #8063B1, #3E6698, #180910)
• Mint Veranda color palette (#ECF5EA, #12CEC0, #0082A0, #00746C, #011309)
• Petrol Meadow color palette (#EEF7FA, #64BECC, #6966A6, #006C78, #1E2335)
• Ancient Periwinkle color palette (#EAF8DA, #57A2E6, #5467A7, #603651, #2D1B2E)
• Periwinkle Garden color palette (#D4ECFF, #74AEF0, #5474B3, #36447B, #201657)
• Muted Grape Atelier color palette (#DAF4EC, #049DED, #5C2FCF, #00517D, #040015)
• Ancient Iris Lantern color palette (#E2F7F1, #A6E0FF, #86C2FF, #7283C9, #311B32)
• Tempered Boulevard color palette (#E4F7EB, #008BA6, #624E94, #304F1F, #0B1608)

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