Tempered Pier color palette — #DFE2FF · #87FFC5 · #EC82CC · #504845 · #3B3233

Built around Bubblegum, softened by Mint — the whole palette hums with creativity and balance.

The five colors

• Frost (#DFE2FF): A whisper-light, dusty violet — the color of wild irises.
• Mint (#87FFC5): A whisper-light, balanced teal — the color of sea glass.
• Bubblegum (#EC82CC): A luminous, balanced pink — the color of neon signs at night.
• Charcoal Brown (#504845): a grounded near-black with real depth.
• Espresso (#3B3233): a grounded near-black with real depth.

Feels like: Creativity, Balance. Tagged neon, dark, vibrant, 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

• Softworn Seafoam color palette (#EBDEFF, #1EF3C2, #CEAAFF, #564342, #393033)
• Weathered Mallow color palette (#FFD8E9, #74E2FF, #FF98C9, #4C4541, #36302F)
• Peony Boulevard color palette (#F4E6EF, #36E7E8, #EB59A1, #4B2220, #2B1A19)
• Worn Workshop color palette (#CBE9FF, #66F7EC, #FFC3BB, #71576D, #3C353B)
• Dusty Coast color palette (#FFD6F7, #EADA72, #FFB79B, #534C48, #3B312A)
• Wandering Bronze color palette (#FAF4ED, #D9DDD3, #A1AFB2, #A6773D, #57514B)
• Apricot Chapel color palette (#F8EAF2, #85CDFF, #FF904E, #44413A, #322C28)
• Lagoon Orchard color palette (#FCF3EF, #F2AD98, #4E8D66, #965B4A, #2D2F28)

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