Tempered Pier color palette — #F4EDE8 · #A9DBF6 · #6DA7ED · #009092 · #212560
Built around Cornflower, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F4EDE8): a clean, paper-quiet neutral.
- Powder Blue (#A9DBF6): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#6DA7ED): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#009092): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#212560): 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
- Cerulean Study color palette (#FAF4EE, #C4EADE, #94B1F0, #009EAD, #383361)
- Softworn Turquoise color palette (#F7ECE6, #BCDDC2, #0CB4E5, #009470, #003054)
- Frosted Garden color palette (#E7F1F0, #A3CAE6, #008FD4, #00697F, #002F55)
- Ancient Cobalt color palette (#F7EAE3, #76BCCF, #008CCB, #006E61, #001037)
- Pale Cobalt color palette (#F4E4EB, #78BDE0, #206CB9, #004B4B, #0E1134)
- Teal Harbor color palette (#FAF3F0, #C3EAE3, #7EC9E9, #41AE8C, #205247)
- Weathered Turquoise Pier color palette (#FAF4EF, #C8DDE9, #DBBAD9, #47B4BD, #634959)
- Softworn Alley color palette (#F1E0DD, #E87492, #00AD96, #0F8CAC, #3D061A)
Browse the whole catalog at Explore, or see today's palette.