Tempered Pier color palette — #DCFFEB · #AAE5FF · #82C2EA · #6395BA · #2A574D

Built around Sky, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DCFFEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#AAE5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#82C2EA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#6395BA): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#2A574D): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged light, muted, 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

• Muted Harbor color palette (#D9FFF1, #AAD7FF, #89B6E7, #708CBA, #644A61)
• Hushed Sky Orchard color palette (#E6FBF2, #A5DDFF, #A9D59F, #64B2DF, #4D4E46)
• Tempered Balcony color palette (#EAFCDA, #9DE7D7, #68C9BE, #54A6A3, #3B5941)
• Cerulean Atelier color palette (#E3F5FF, #74BBD8, #2791C1, #265B7F, #1F344A)
• Weathered Thicket color palette (#DFFDF5, #99CCFF, #CFB0DD, #79BEB2, #2C4942)
• Cornflower Courtyard color palette (#C1E5FF, #85C3FF, #5DA5FF, #497BEE, #2E3C77)
• Aged Stone color palette (#FEF0FE, #E9D4D8, #9DCDD1, #AFAFA4, #5D4E5C)
• Hazy Lilac color palette (#E3E2FF, #CCBEFF, #B597E9, #9172B0, #533C5D)

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