Hazy Tangerine color palette — #FFF1F5 · #FFB7B5 · #EF6B00 · #835400 · #403B00
Tangerine and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Rose Quartz (#FFB7B5): A whisper-light, balanced orange — the color of toasted spice.
- Tangerine (#EF6B00): A luminous, vivid orange — the color of sun-warmed clay.
- Coffee (#835400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#403B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Hazy 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
- Muted Amber color palette (#FFF1F0, #FBAD86, #C07500, #6F5B00, #263500)
- Ancient Amber color palette (#FFE2DD, #D1780D, #7E5600, #3A3900, #081200)
- Dusty Rose color palette (#FDF0FF, #FFA9C8, #FC525A, #9C3900, #552E00)
- Powdered Station color palette (#FFD3CF, #FFA992, #F17600, #AC6800, #5A3C00)
- Hushed Coral Studio color palette (#FFE3E7, #FF6563, #A95000, #674900, #294413)
- Dusty Summit color palette (#FFF2EB, #FFCF99, #B79730, #687000, #2B4B26)
- Washed Brick color palette (#FFF3E9, #EDCB89, #C47F4E, #A62C37, #292A00)
- Airy Balcony color palette (#FFF3E6, #FFB666, #18C0F8, #AF6A00, #003446)
Browse the whole catalog at Explore, or see today's palette.