Tempered Pier color palette — #E7F7EA · #89FCD0 · #00D7DB · #4091D1 · #0A2E1D

Aqua and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Mint (#89FCD0): A whisper-light, balanced teal — the color of shallow lagoons.
• Aqua (#00D7DB): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#4091D1): A luminous, balanced blue — the color of open sky before noon.
• Deep Forest (#0A2E1D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Glacier Basin color palette (#E1F8ED, #75FDFE, #75CFFF, #838BD4, #012E25)
• Powdered Mint Market color palette (#ECF6E4, #BAED8E, #00E0B5, #26A8BB, #16270C)
• Aqua Terrace color palette (#E5F9FF, #ACFFDD, #00E1E9, #76AEDD, #1A4254)
• Sapphire Thicket color palette (#DAFBEA, #00D9D2, #00B3D6, #3960FF, #00131F)
• Soft Chartreuse Garden color palette (#E5F9FF, #9CEC7F, #00D0D3, #7F7BBE, #2D4556)
• Cobalt Market color palette (#CBEFF6, #51BBE0, #0082B1, #114D82, #1B2E4C)
• Patina Azure color palette (#F5F1EB, #C1E6D8, #5A90D0, #0B6A7A, #392336)
• Wandering Alley color palette (#D9EFD7, #9CBAAA, #6582AC, #7B5145, #562900)

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