Tempered Garden color palette — #F4D6D0 · #E25F84 · #007442 · #005D6D · #320916

Built around Hot Pink, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F4D6D0): A whisper-light, dusty orange — the color of autumn markets.
• Hot Pink (#E25F84): A luminous, vivid red — the color of late-summer berries.
• Pine (#007442): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005D6D): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#320916): A deep, shadowed, dusty red — the color of embers at dusk.

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

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

• Wandering Grove color palette (#F7D6C9, #C75857, #00856C, #005B77, #330A0B)
• Timeworn Quarry color palette (#FCF1FF, #FF4C87, #007C42, #005765, #0E0212)
• Peony Coast color palette (#F3D5D8, #B656A9, #6A7B00, #006154, #2D0A29)
• Soft Pine color palette (#EFDED2, #C46A3B, #08791A, #00476D, #3B002F)
• Linen Amber Boulevard color palette (#ECDCC2, #D9704A, #896100, #00515C, #3B1A00)
• Linen Peony color palette (#E7D7F1, #FF4EA3, #00A5A7, #008586, #23122C)
• Misty Nightshade Study color palette (#F2D9C5, #C56205, #00818A, #213DBE, #2E1200)
• Terracotta Workshop color palette (#FDDFC9, #994400, #005E66, #003076, #0C0200)

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