Gentle Tangerine color palette — #F9E2F5 · #FA7E27 · #335FC9 · #223764 · #070007

Tangerine and Cobalt set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F9E2F5): A whisper-light, dusty pink — the color of peonies in June.
• Tangerine (#FA7E27): A luminous, vivid orange — the color of sun-warmed clay.
• Cobalt (#335FC9): A full-bodied, vivid violet — the color of wild irises.
• Navy (#223764): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#070007): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

Use it as a design system

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

• Faded Ultramarine color palette (#F2E2F0, #CC9E00, #3C61BC, #223664, #070006)
• Weathered Blush Bloom color palette (#F5E0F2, #FF6E89, #3E62B7, #26375E, #070006)
• Patina Amber Atelier color palette (#D8EBFD, #B88A00, #00477A, #001C34, #000308)
• Lime Grove color palette (#F8DAF3, #B3CE00, #4976E9, #2F4A8B, #1A0818)
• Cobalt Terrace color palette (#E6DFE4, #D4BAB5, #BAA191, #6C79C5, #281A24)
• Frosted Hollow color palette (#F1D5E2, #50D499, #7B6BB6, #4A416A, #14060D)
• Feathered Clover color palette (#FBE8F9, #00C56F, #3163BE, #23385E, #060006)
• Tempered Emerald color palette (#F5E2F0, #00A15C, #343C94, #0C0F36, #050004)

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