Tempered Garden color palette — #CCF1FF · #0AF8E8 · #FFACC2 · #34223A · #0B050D

Lagoon and Ballet Pink set the tone — five colors that lean into balance.

The five colors

• Frost (#CCF1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lagoon (#0AF8E8): A whisper-light, balanced teal — the color of glacier melt.
• Ballet Pink (#FFACC2): A whisper-light, balanced red — the color of late-summer berries.
• Deep Indigo (#34223A): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#0B050D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered Garden 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

• Faded Chartreuse Orchard color palette (#A2FCFF, #7DFA6A, #FFA8D5, #2C2136, #0F0914)
• Ancient Frost color palette (#F4F4FF, #BDFFE5, #FFCBE6, #3F3449, #18141C)
• Apricot Archive color palette (#D8E4F3, #7ED9FF, #FFA061, #2C1100, #070003)
• Amber Cabin color palette (#C7E7F2, #FFBAF0, #CF9400, #04200A, #000300)
• Muted Rose Bloom color palette (#E2F4F7, #35E5B6, #EB527A, #36312C, #271D1A)
• Mustard Terrace color palette (#F3E8FF, #FBAE18, #FF9396, #734343, #271914)
• Aged Coast color palette (#FFF1F7, #C1E7FF, #FFC73B, #0E3219, #041508)
• Terracotta Study color palette (#FDF0FE, #D7D48B, #98454F, #47131B, #09010A)

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