Tempered Peony color palette — #F4EDE0 · #FF4886 · #0087C7 · #001A2B · #00040A
A conversation between Hot Pink and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EDE0): a clean, paper-quiet neutral.
- Hot Pink (#FF4886): A luminous, vivid red — the color of late-summer berries.
- Cerulean (#0087C7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001A2B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00040A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.
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
- Blush Basin color palette (#F2E6C7, #FF74A7, #0099E1, #030F10, #000201)
- Chalky Rose color palette (#E5EADC, #FF525A, #5A6FEF, #11154F, #010412)
- Peony Bloom color palette (#D9E8CC, #F50586, #2A71FD, #000936, #000108)
- Weathered Magenta Hollow color palette (#FFEBDB, #EB43DE, #009EAF, #002126, #00080E)
- Amber Terrace color palette (#E0E6C7, #E36A00, #00948D, #081A1F, #00080A)
- Timeworn Iris color palette (#E7F5DF, #FF888D, #879CFF, #202671, #0A152E)
- Hushed Ultramarine color palette (#DAE2EE, #5E90EA, #9D287D, #0044C0, #0B0006)
- Amethyst Studio color palette (#D9F1E6, #D83600, #831EFB, #1A011B, #01010B)
Browse the whole catalog at Explore, or see today's palette.