Worn Tangerine color palette — #FBE9E0 · #69BCFF · #F87818 · #312E28 · #231C18

Tangerine and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBE9E0): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#69BCFF): A luminous, balanced blue — the color of open sky before noon.
• Tangerine (#F87818): A luminous, vivid orange — the color of toasted spice.
• Espresso (#312E28): quiet, heavy and certain.
• Onyx (#231C18): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Hushed Alley color palette (#F3E7F3, #44DAFC, #EB5D19, #312E27, #241811)
• Worn Basin color palette (#FFDEDE, #AAC3FF, #F49A15, #3A3932, #2A241D)
• Tempered Lilac color palette (#FDE7D9, #B494FF, #CB8A00, #2A2906, #1C1205)
• Pale Iris color palette (#FFE3E1, #847DFF, #D25200, #1B1100, #090200)
• Faded Clover color palette (#FCE5D8, #FF9A96, #1DCA2F, #003C30, #25271A)
• Cypress Meadow color palette (#F5F6ED, #CBE0D6, #A2BAAB, #4E6E46, #3B3B33)
• Gentle Moss color palette (#F9F5E7, #A29F32, #00639B, #555200, #081D17)
• Indigo Courtyard color palette (#EEDECC, #6654EC, #9C6400, #110F04, #040100)

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