Tempered Pier color palette — #BDF3D0 · #14CDC3 · #0095A9 · #005F97 · #142278
A conversation between Navy and Aqua, giving this palette its sense of nature and growth.
The five colors
- Mint (#BDF3D0): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#14CDC3): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0095A9): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#005F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#142278): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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
- Misty Ultramarine color palette (#C4EDE0, #33C9DA, #0092CA, #1E4DB0, #2F176D)
- Cerulean Drift color palette (#D7FFF5, #5EDDDE, #009DB9, #005B83, #00254E)
- Dusty Pier color palette (#D6EFBD, #77C690, #009984, #006572, #003149)
- Timeworn Onyx color palette (#CDEBE1, #00A3A3, #00708D, #003A73, #12004E)
- Powdered Aubergine Corridor color palette (#C4E9E8, #0091B0, #005B94, #26008A, #100021)
- Soft Workshop color palette (#FFE6F5, #35B9A2, #0081B7, #853E21, #063643)
- Faded Meadow color palette (#A7F0F8, #65BDEF, #4381F2, #5143A4, #47045E)
- Cerulean Orchard color palette (#D5EAF3, #0090A4, #25425E, #072531, #050F11)
Browse the whole catalog at Explore, or see today's palette.