Quiet Peony color palette — #FFDFDB · #F7188F · #A64A00 · #524800 · #39004D
Built around Hot Pink, softened by Terracotta — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFDFDB): A whisper-light, dusty orange — the color of sun-warmed clay.
- Hot Pink (#F7188F): A luminous, vivid rose — the color of a warm blush.
- Terracotta (#A64A00): A full-bodied, balanced orange — the color of autumn markets.
- Deep Olive (#524800): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Indigo (#39004D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Quiet 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
- Worn Rose color palette (#FFE0D6, #FA2B57, #935A00, #424E00, #41003C)
- Wandering Courtyard color palette (#FEDEE6, #C04FEA, #C10053, #6C3900, #160071)
- Magenta Meadow color palette (#FFDEE6, #C640F5, #C00E50, #005066, #1D006E)
- Airy Villa color palette (#FDDDD6, #DA0060, #582627, #310D07, #150202)
- Scarlet Grove color palette (#F5D8D7, #FF685E, #E62D00, #983500, #592400)
- Worn Canyon color palette (#F4DCCC, #D55D12, #726400, #005128, #410016)
- Quiet Lantern color palette (#F7E9DC, #AB5E00, #545700, #560059, #2A0005)
- Gentle Amethyst Station color palette (#FFDDEB, #7E4DC9, #733A00, #003C31, #2B0062)
Browse the whole catalog at Explore, or see today's palette.