Tangerine Garden color palette — #F7F2FF · #FDB3E6 · #EC7935 · #065EAA · #4A264F

Tangerine takes the lead with Cobalt close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Carnation (#FDB3E6): A whisper-light, balanced pink — the color of peonies in June.
• Tangerine (#EC7935): A luminous, vivid orange — the color of autumn markets.
• Cobalt (#065EAA): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#4A264F): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Muted Blush color palette (#FFF0FC, #F2BEFB, #E37E8A, #006880, #3D2657)
• Misty Grape Villa color palette (#FFF0FD, #FFAEB5, #D38B00, #644AB0, #59293D)
• Faded Grape color palette (#F9EDFF, #FDACE1, #FF718E, #6F3CCD, #3A0336)
• Hushed Mustard color palette (#FFF0FE, #EAD7CF, #E7B451, #6B5FAA, #5E3242)
• Violet Loft color palette (#FFEFF3, #FFC0EF, #FF97AB, #795CE2, #532A57)
• Gentle Aubergine Boulevard color palette (#F4D8D9, #DBA982, #898936, #623174, #3D0E04)
• Airy Navy color palette (#FFE9EE, #C38395, #A76100, #2C2673, #1E000E)
• Feathered Periwinkle color palette (#F5F0FF, #FAD0D1, #E6BF8E, #43A2FF, #512A56)

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