Tempered Peony color palette — #C4E6E3 · #5CAD72 · #D157B6 · #006F34 · #450F3A
A conversation between Hot Pink and Pine, giving this palette its sense of nature and growth.
The five colors
- Silver (#C4E6E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#5CAD72): A luminous, balanced teal — the color of sea glass.
- Hot Pink (#D157B6): A luminous, vivid pink — the color of a candy shop window.
- Pine (#006F34): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#450F3A): A deep, shadowed, balanced pink — the color of neon signs at night.
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
- Hushed Garden color palette (#CCE4DE, #88BB5D, #B15DC4, #386200, #400B4B)
- Frosted Peony Corridor color palette (#DFF3F4, #5BBE97, #CD72A9, #008661, #561C41)
- Worn Raspberry Canyon color palette (#BFE6F0, #00AEAB, #DB4684, #007270, #500028)
- Timeworn Studio color palette (#F1F9E0, #2CD98C, #BC55B6, #007748, #2E002C)
- Pale Mint Dune color palette (#BAE9E6, #37E587, #E66ECE, #008548, #401738)
- Soft Mulberry Boulevard color palette (#DAE2C5, #26A761, #980095, #00582E, #430F41)
- Powdered Indigo Harbor color palette (#CEE4D8, #BBAC30, #785ED1, #706500, #2B195A)
- Plum Courtyard color palette (#C6EDF3, #009C89, #A157B2, #AD1E72, #002620)
Browse the whole catalog at Explore, or see today's palette.