Softworn Tangerine Boulevard color palette — #FFF2EB · #FC602A · #00778E · #004270 · #001329

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Tangerine (#FC602A): A luminous, vivid orange — the color of toasted spice.
• Teal (#00778E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004270): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001329): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

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

• Airy Rose Bloom color palette (#FFF2EF, #FF4F80, #007B75, #004853, #00151E)
• Sunlit Tangerine color palette (#FFF2EA, #F8650F, #007987, #34219C, #0F0041)
• Pale Corridor color palette (#FFF3E4, #C28300, #0069A1, #43236E, #13002A)
• Feathered Cobalt Boulevard color palette (#FFF3E6, #F3990D, #007DE0, #4A3DA2, #27114B)
• Antique Boulevard color palette (#FFF1F3, #FFC379, #6C9F45, #54578F, #2B2B60)
• Dusty Sapphire color palette (#FFF3E2, #C79106, #2351F3, #4F1A87, #1E0031)
• Worn Shell color palette (#FFF2EB, #FFB89E, #57A7B8, #5A6A91, #482E44)
• Airy Magenta color palette (#FFF1F2, #FC2CDE, #007F36, #004755, #00161B)

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