Hushed Teal Pier color palette — #D4E3DC · #00A892 · #007773 · #004A4D · #002730

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

The five colors

• Silver (#D4E3DC): bright and airy, almost weightless.
• Turquoise (#00A892): A luminous, balanced teal — the color of sea glass.
• Teal (#007773): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004A4D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#002730): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Hushed Teal 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

• Turquoise Meadow color palette (#DCEEEE, #00AFBF, #007A96, #004767, #001D39)
• Feathered Archive color palette (#E8F4DD, #47A94B, #00784E, #005141, #002420)
• Quiet Basin color palette (#E0FFE0, #00DAAE, #00A2A1, #006F7F, #00324D)
• Soft Rust Lantern color palette (#D1EFF8, #00A5A8, #BF5365, #006263, #390411)
• Washed Canyon color palette (#DEF7FF, #A5E4FF, #8BB3F5, #34776A, #102A34)
• Ancient Sky color palette (#CDEDFF, #69C4F6, #4C8CBE, #46618A, #2D3A51)
• Plum Hollow color palette (#C1E6F4, #008C97, #954E9B, #745500, #00171F)
• Fuchsia Pier color palette (#F0ECDB, #FF60D0, #00A6DF, #032032, #020B12)

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