Rose Garden color palette — #DFFDF2 · #67C5FF · #EF2D45 · #6E7D00 · #00291E
Built around Poppy, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFFDF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#67C5FF): A luminous, balanced blue — the color of open sky before noon.
- Poppy (#EF2D45): A luminous, vivid orange — the color of autumn markets.
- Olive Leaf (#6E7D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#00291E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Rose Garden 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
- Powdered Pier color palette (#E4FBF3, #65C1FF, #F95090, #688100, #003A30)
- Ember Archive color palette (#FEF0FF, #86BDFF, #E54500, #349331, #0E2642)
- Wandering Crimson color palette (#F2E2ED, #6F8BFF, #DE264D, #4E6C00, #1E0C21)
- Antique Lantern color palette (#FEF0FF, #77B4FF, #D055D7, #A46600, #002525)
- Magenta Meadow color palette (#EAFAEC, #00C1CB, #E424E4, #A76B00, #002628)
- Ancient Amber color palette (#FDF1F7, #BBABF9, #E37E00, #329267, #3A2531)
- Hushed Rose color palette (#FFF1F4, #E584FF, #FD3E37, #2F9600, #301730)
- Hushed Bronze Pier color palette (#DFFCFF, #00A98E, #AE5F00, #5D5000, #0B2B0E)
Browse the whole catalog at Explore, or see today's palette.