Tempered Pier color palette — #FCF2F8 · #A2DFF3 · #599AD7 · #237D66 · #2E3A55

Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#A2DFF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#599AD7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#237D66): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2E3A55): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Azure Quarry color palette (#FFF0FD, #3BE3F5, #0098D1, #00764A, #193060)
• Tempered Balcony color palette (#FDF2F6, #D7DDFB, #93A3D4, #398988, #43465D)
• Hushed Iris Villa color palette (#FAEAEE, #93CAFF, #757ECC, #006B71, #352546)
• Timeworn Cerulean Courtyard color palette (#F4F6EC, #A4D1B8, #3182A3, #005E68, #113F58)
• Powdered Denim Archive color palette (#FBEAF3, #419FC1, #0457A6, #003C33, #080029)
• Sunlit Cobalt color palette (#ECD8E1, #6BBDE3, #3B73C7, #005A50, #1E1446)
• Worn Garden color palette (#E7E8D7, #81C54A, #00996D, #007063, #004249)
• Softworn Glacier color palette (#DDFDFB, #90F2FB, #ACCBFF, #8D8755, #29474D)

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