Tempered Pier color palette — #CCF3F6 · #71D8FF · #86B1FF · #009986 · #06301E

Cornflower takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CCF3F6): A whisper-light, dusty blue — the color of deep harbor water.
• Ice Blue (#71D8FF): A whisper-light, balanced blue — the color of open sky before noon.
• Cornflower (#86B1FF): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#009986): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#06301E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Powder Alley color palette (#C0EAD2, #9FD1FF, #A7ABFF, #00989D, #002436)
• Sky Courtyard color palette (#DBE4D4, #81DBDA, #1CC4F5, #509A61, #002D28)
• Worn Summit color palette (#E3F4E1, #7BC7F6, #A58EEC, #2A7A39, #0D2B17)
• Hushed Mallow Ridge color palette (#D7FFF7, #C2E5FF, #C6ACF2, #437846, #00181E)
• Tempered Mallow color palette (#EDDAF0, #B9C5FF, #CF9DF8, #0D97CA, #172145)
• Antique Market color palette (#CFF4FA, #83C0D8, #3E94D3, #005151, #001116)
• Peony Courtyard color palette (#E7E8D6, #FE46BB, #00A2DA, #003448, #000603)
• Powder Parlor color palette (#E9FAF5, #E8D5D0, #8BC2D6, #A69D94, #564956)

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