Peony Lagoon color palette — #FFF1F1 · #F84BBE · #007E4A · #006138 · #331A33
A conversation between Hot Pink and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Hot Pink (#F84BBE): A luminous, vivid pink — the color of neon signs at night.
- Pine (#007E4A): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006138): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#331A33): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Peony Lagoon 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
- Pale Raspberry color palette (#FFF2EF, #F4097F, #008166, #00604B, #36172A)
- Soft Archive color palette (#FFF1F1, #E906B5, #7A7200, #1F6300, #2C162F)
- Gentle Parlor color palette (#F9F2FF, #DD6CB8, #517600, #005C5E, #0B0727)
- Peony Pier color palette (#FFF2F0, #F02895, #00867D, #0055A3, #121F3E)
- Ancient Peony color palette (#FFF2F0, #FF4C9D, #688400, #005F79, #003646)
- Peony Study color palette (#FCF8C4, #FF67BD, #C85600, #00657D, #52252D)
- Magenta Quarry color palette (#FFF1F4, #CF44FF, #6D7400, #5A6000, #002D21)
- Ancient Blush color palette (#FFF2EE, #EB6D81, #008691, #436494, #382633)
Browse the whole catalog at Explore, or see today's palette.