Tempered Mint Pier color palette — #D8E9E8 · #5FC18E · #537683 · #354F4F · #111B18

Jade and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D8E9E8): bright and airy, almost weightless.
• Jade (#5FC18E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#537683): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#354F4F): A full-bodied, dusty teal — the color of sea glass.
• Ink (#111B18): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Mint 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 Aqua Meadow color palette (#E8F4F8, #6AC9C6, #6C7E8D, #44585E, #1A2423)
• Ancient Turquoise Dune color palette (#DDF4FF, #00B4D0, #4D6796, #004A57, #001518)
• Tempered Jade Station color palette (#E7FAFA, #47B586, #244D55, #0D2223, #020706)
• Worn Pine color palette (#E2E9D6, #008B5A, #203727, #14180C, #070602)
• Muted Cerulean Alley color palette (#CEE4F1, #009AC3, #475178, #0F3447, #000608)
• Tempered Teal Grove color palette (#EFF8F2, #AEE1D7, #76BDA5, #9B915E, #274A44)
• Teal Terrace color palette (#BEF5EA, #91DEC2, #16C1B6, #0094A8, #1B516C)
• Patina Drift color palette (#F9F3F9, #CDE2F7, #83C9E1, #6DA970, #2C4A69)

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