Tempered Pier color palette — #D8FFF6 · #A7EBE6 · #5FBEAE · #068C9E · #324F66

Cerulean takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D8FFF6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sea Foam (#A7EBE6): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#5FBEAE): A luminous, balanced teal — the color of sea glass.
• Cerulean (#068C9E): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#324F66): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Mint Balcony color palette (#BDF9F8, #6CD0B4, #2A9589, #1C6467, #1C3845)
• Chalky Terrace color palette (#EFFBDA, #9CEBD0, #3CD1C6, #49A8AD, #385443)
• Cobalt Drift color palette (#E2FAFF, #BDE4FF, #78C3F3, #4C7BB6, #3B4566)
• Antique Denim Courtyard color palette (#D6FFF7, #5CD7E6, #0093C2, #00559F, #2E2D5D)
• Aged Turquoise Ridge color palette (#ECF7FD, #C6E4FF, #FAB3D3, #27ABC5, #5F384A)
• Muted Nightshade color palette (#CEF9F7, #00A4C8, #00669B, #010FA3, #0E0031)
• Stone Parlor color palette (#E5F9FF, #DADCE8, #ABCCA2, #B5A8A9, #3C535E)
• Cypress Quarry color palette (#CCE9D4, #007B5D, #004648, #00151B, #000103)

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