Hazy Peony color palette — #FBF6E0 · #A4AD54 · #2BA4DC · #C3608C · #3A3831
A conversation between Hot Pink and Cyan, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF6E0): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A4AD54): A luminous, balanced green — the color of a quiet forest floor.
- Cyan (#2BA4DC): A luminous, balanced blue — the color of deep harbor water.
- Hot Pink (#C3608C): A luminous, balanced rose — the color of pressed rose petals.
- Charcoal (#3A3831): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Hazy 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
- Muted Quarry color palette (#FFF3E2, #C59E54, #0DADB6, #A96BB2, #3B3731)
- Gentle Thicket color palette (#F4F8DE, #81B484, #7295EA, #C36860, #373932)
- Dusty Lime Hollow color palette (#DBFFF0, #BAC626, #4BB6EC, #BD7A95, #173128)
- Mustard Studio color palette (#E0FDEE, #CCC24B, #C4A2ED, #BD89B0, #213F31)
- Ancient Orchid Workshop color palette (#D7EBD5, #00ABA6, #A76ACE, #A46900, #1B3219)
- Chalky Violet color palette (#FFF4DC, #9E8800, #975FB6, #7E5595, #3B3831)
- Hushed Crimson color palette (#D8E2D4, #4FA400, #087CF4, #CE0041, #102C00)
- Ancient Basalt Boulevard color palette (#FAF5E7, #C4BFA0, #959263, #7C6630, #414000)
Browse the whole catalog at Explore, or see today's palette.