Tempered Peony color palette — #DCF1F9 · #C9A800 · #FF4ABD · #3D1819 · #160A0A

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

The five colors

• Frost (#DCF1F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Gold (#C9A800): A luminous, balanced green — the color of a quiet forest floor.
• Hot Pink (#FF4ABD): A luminous, vivid rose — the color of a warm blush.
• Espresso (#3D1819): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#160A0A): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, 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

• Magenta Garden color palette (#D6F7F1, #E19B00, #E522E6, #381C38, #220E12)
• Aged Rose color palette (#D6EAF6, #A19E00, #FB1C6F, #380515, #150301)
• Peony Market color palette (#C7F5FA, #7DC200, #EF4A82, #411925, #1D1210)
• Aged Lime color palette (#CDECF5, #AECA00, #FF7BAF, #4D2E2A, #231513)
• Raspberry Bloom color palette (#D3F2F1, #31D499, #E3009A, #3C030B, #1E1010)
• Washed Blush Coast color palette (#2CFEF1, #F9B52D, #F474BF, #1C0B29, #020004)
• Lilac Quarry color palette (#D8E8DC, #FF8160, #A072F0, #3F1D1D, #210F18)
• Soft Courtyard color palette (#D1E2F2, #00CD51, #FF6645, #401B13, #190D07)

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