Tempered Garden color palette — #FAF2FD · #F7D3CA · #93DCCC · #C88394 · #204E54

Dusty Rose and Lagoon set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FAF2FD): bright and airy, almost weightless.
• Shell Pink (#F7D3CA): A whisper-light, dusty orange — the color of toasted spice.
• Lagoon (#93DCCC): A whisper-light, dusty teal — the color of glacier melt.
• Dusty Rose (#C88394): A luminous, balanced red — the color of embers at dusk.
• Charcoal (#204E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hushed Driftwood color palette (#FAF2F7, #BDEBF6, #9F788F, #583D4D, #23171E)
• Worn Basin color palette (#EDF9EC, #BBE9E0, #99B896, #8D717E, #34443B)
• Ancient Quarry color palette (#FDF0FF, #E9D5D9, #C3B1D2, #ACAFA3, #5A4D59)
• Airy Workshop color palette (#FFF1F5, #FBCA94, #8CBEFD, #B37D3C, #213A56)
• Hushed Teal Loft color palette (#FFF2EF, #D89DAB, #2CAEA1, #A5556C, #42533D)
• Washed Shell Thicket color palette (#FDF0FF, #FCB6BF, #ACC494, #7CA6D2, #413244)
• Worn Stone Bloom color palette (#FFF0FE, #E8DCD7, #E2A2A4, #945D5D, #441C1E)
• Scarlet Lagoon color palette (#FFF0FD, #FFAFA8, #00C4D9, #DC373A, #00353C)

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