Tempered Peony color palette — #E1E9CC · #54CB7A · #C862BF · #007135 · #32002F
Built around Hot Pink, softened by Clover — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E1E9CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#54CB7A): A luminous, balanced teal — the color of shallow lagoons.
- Hot Pink (#C862BF): A luminous, vivid pink — the color of a candy shop window.
- Pine (#007135): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#32002F): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Peony 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
- Gentle Raspberry color palette (#E0E6D8, #33CC94, #CC3B80, #00855C, #37001C)
- Iris Chapel color palette (#E3E1D2, #9BC02D, #9775ED, #516800, #21004B)
- Hazy Byzantium Veranda color palette (#EBF2D8, #46BA6C, #9E3EA3, #005E2A, #120014)
- Misty Ember color palette (#D3E6CF, #00B4AA, #E0614B, #00827A, #390300)
- Sunlit Pier color palette (#B2F4E9, #39E6D1, #E95B84, #009D8E, #5A0025)
- Feathered Cornflower color palette (#F2EDCE, #A3BD3A, #4274E5, #677B00, #000958)
- Timeworn Harbor color palette (#DCF8E5, #38C17A, #DB4F6C, #AF368F, #001709)
- Linen Plum color palette (#DCF7E6, #008DA4, #C4324A, #005F6F, #140002)
Browse the whole catalog at Explore, or see today's palette.