Tempered Garden color palette — #FFF1F2 · #F53ED1 · #667300 · #00465E · #001521

Hot Pink and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Hot Pink (#F53ED1): A luminous, vivid pink — the color of a candy shop window.
• Olive (#667300): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00465E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001521): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged 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

• Softworn Peony color palette (#FFF2F0, #FF4798, #5D7600, #00426F, #13003D)
• Softworn Wisteria Station color palette (#FFF1F6, #B96FFF, #886400, #00494B, #001618)
• Dusty Delta color palette (#FFF2EF, #FF7EA3, #608F00, #00509A, #19105B)
• Sunlit Field color palette (#DDDCFF, #983DCB, #475300, #003046, #00101B)
• Antique Plum color palette (#F5DEFF, #C70069, #5E4800, #003C33, #0A0C6E)
• Frosted Nightshade color palette (#FFF2ED, #FF5752, #007F56, #3200B2, #0D0042)
• Worn Coral color palette (#FFDFDE, #FF777B, #BF7800, #636F00, #3F0041)
• Scarlet Meadow color palette (#FFEFE8, #D13E3B, #005D34, #250069, #050004)

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