Tangerine Boulevard color palette — #F7D8D2 · #E78343 · #8F5800 · #5B4500 · #1C3F1C

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7D8D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#E78343): A luminous, balanced gold — the color of old brass.
• Ochre (#8F5800): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#5B4500): A full-bodied, balanced gold — the color of old brass.
• Forest (#1C3F1C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Softworn Garden color palette (#F3DED1, #D37700, #8A5400, #543800, #2C1E00)
• Feathered Grove color palette (#F6DCD1, #FAA562, #CE8B0F, #956E00, #463B00)
• Chestnut Ridge color palette (#F6E5D0, #A29765, #865900, #6A320D, #32312A)
• Rust Study color palette (#FFE8EE, #DF716C, #B43F00, #6D3700, #4A3207)
• Bronze Thicket color palette (#FBD7B9, #D2A051, #967B00, #5C6000, #46453E)
• Frosted Grove color palette (#EDDDC2, #B49300, #676B00, #235000, #003A1A)
• Quiet Studio color palette (#FCEBDD, #C37A38, #8B54D9, #814500, #3C2A5A)
• Bronze Canyon color palette (#FFF3E3, #D1E5BD, #79BA91, #A05F41, #43413A)

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