Tempered Garden color palette — #F6F3FF · #CD6EC3 · #6F7100 · #005047 · #02071C

A conversation between Bubblegum and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Bubblegum (#CD6EC3): A luminous, balanced pink — the color of a candy shop window.
• Olive (#6F7100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005047): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#02071C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Peony Harbor color palette (#FBF1FE, #E45F90, #257D00, #005B69, #0C0D1E)
• Weathered Coast color palette (#FAF2FE, #E880A6, #917200, #00564C, #10163E)
• Worn Iris color palette (#F3F4FF, #9973D2, #925F00, #005F33, #000F1D)
• Worn Corridor color palette (#FAF2FE, #EC88B2, #6B9A03, #00616B, #171A2A)
• Rose Canyon color palette (#FFEFFF, #FA2359, #007834, #004056, #07000A)
• Antique Fuchsia Boulevard color palette (#F7F3FF, #F76BE2, #46A269, #3B8557, #03202E)
• Gentle Rust Studio color palette (#E6FCEA, #F295C0, #C35948, #00613F, #2D1832)
• Feathered Plum color palette (#FFEDE8, #AA3662, #794700, #003C23, #16020F)

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