Pale Garden color palette — #FFDBD8 · #00D180 · #1AA3DA · #BA0E25 · #00312C

Built around Ruby, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDBD8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Clover (#00D180): A luminous, vivid teal — the color of sea glass.
• Cyan (#1AA3DA): A luminous, balanced blue — the color of open sky before noon.
• Ruby (#BA0E25): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#00312C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro.

Use it as a design system

One click turns Pale 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

• Feathered Lime Coast color palette (#FFDADE, #70CC27, #00A0B5, #C40F50, #003220)
• Muted Pier color palette (#FFDDC4, #00CF9B, #189EED, #9D4800, #003030)
• Washed Mulberry color palette (#FAE2AF, #00B19A, #007B95, #8B005C, #003030)
• Aged Summit color palette (#FFDAD9, #BAB700, #00A497, #A53992, #113201)
• Cornflower Harbor color palette (#FEE1AB, #00CAC9, #6581FF, #8A6500, #002E3C)
• Powdered Periwinkle Balcony color palette (#DAE8D5, #53D5C8, #4A9FF2, #996E43, #5B3400)
• Powdered Indigo Courtyard color palette (#EEEAC4, #9AC621, #7365F3, #8B5C00, #331F00)
• Patina Sky color palette (#FFF2EB, #9CE2BF, #77B6E0, #B57C67, #3E4C3C)

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