Tempered Pier color palette — #F9ECD8 · #6BC7D0 · #00738A · #003F35 · #000306

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9ECD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Aqua (#6BC7D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Frosted Petrol Summit color palette (#F6EDDF, #7AC0E9, #0069B6, #003D45, #000016)
• Ancient Cobalt color palette (#FFF4E2, #8ED8F0, #0084B8, #005151, #000D1E)
• Wandering Abyss color palette (#F0E5ED, #55969C, #005168, #002D1F, #00050D)
• Tempered Cerulean color palette (#E8DBD6, #79BDC3, #0091B6, #007051, #001528)
• Worn Cerulean Parlor color palette (#FCF4E8, #96F9FC, #00A3BC, #006C57, #00222F)
• Turquoise Orchard color palette (#FAF4EC, #D2D9EC, #3CB5DD, #128074, #0F362B)
• Misty Seafoam Corridor color palette (#EAF6CC, #4AEFD3, #00BAD5, #3F6A0D, #000904)
• Faded Bloom color palette (#A6FCC9, #00B076, #006542, #00180B, #000201)

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