Tempered Garden color palette — #FCF1FD · #FF9EAA · #82AF69 · #5780AA · #1A3A59

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

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Ballet Pink (#FF9EAA): A luminous, balanced red — the color of late-summer berries.
• Jade (#82AF69): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5780AA): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#1A3A59): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Timeworn Sand Meadow color palette (#FDF1F7, #FFB28B, #78B9A1, #7C84AE, #344260)
• Frosted Mallow color palette (#F6F3FF, #EF9CEB, #B59E55, #388C89, #004140)
• Feathered Dune color palette (#FFF1F0, #F79AC1, #499D77, #325E8C, #0E2C4A)
• Marigold Loft color palette (#FFF1F5, #FAA02C, #00B0A4, #885EB3, #3C2056)
• Seafoam Terrace color palette (#E9FAF5, #A4E7BF, #73BCB1, #958AA6, #284949)
• Tangerine Lagoon color palette (#FCDEEF, #FF7E41, #00A08D, #0069B6, #2B0062)
• Quiet Marigold color palette (#FFEAE6, #FFB991, #D49C3A, #998243, #2E5545)
• Timeworn Tangerine color palette (#F3DDEA, #FF814A, #617663, #54444E, #1B161C)

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