Tempered Pier color palette — #FFF0FA · #D5D9F5 · #17A1F9 · #007559 · #181D52
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Powder Blue (#D5D9F5): A whisper-light, dusty violet — the color of wild irises.
- Cornflower (#17A1F9): A luminous, vivid blue — the color of deep harbor water.
- Teal (#007559): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#181D52): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Patina Orchard color palette (#FFF0FE, #B8FDFF, #00A9D8, #007837, #00234E)
- Patina Iris Atelier color palette (#ECFAEA, #DCE0F3, #7C8EFF, #007275, #2F114E)
- Aged Sky Coast color palette (#F4F7E7, #95E8FF, #00BCEC, #0096A0, #00384F)
- Sunlit Cabin color palette (#FFF0F9, #84DAF6, #217DCC, #005343, #080230)
- Feathered Navy Corridor color palette (#FFF2EB, #85C3D3, #0076A9, #00574B, #002E71)
- Dusty Powder Meadow color palette (#FEF1F7, #D7D3DF, #A0BCE9, #538F86, #383E56)
- Aged Ember color palette (#E9F8FF, #2ED7F2, #DB6500, #007889, #351300)
- Dusty Ultramarine Lagoon color palette (#FEE7EF, #7EBEEE, #445BC6, #003E3D, #04000E)
Browse the whole catalog at Explore, or see today's palette.