Tangerine Field color palette — #F3E2E1 · #FFA78E · #FC680A · #BD6C00 · #583700
Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.
The five colors
- Rose Water (#F3E2E1): a clean, paper-quiet neutral.
- Melon (#FFA78E): A luminous, balanced orange — the color of sun-warmed clay.
- Tangerine (#FC680A): A luminous, vivid orange — the color of autumn markets.
- Ochre (#BD6C00): A luminous, balanced gold — the color of honey in a jar.
- Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Tangerine Field 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
- Aged Boulevard color palette (#FFE7F2, #FBB971, #F08234, #BE604B, #453207)
- Pale Amber Ridge color palette (#FFF1F4, #FFB2AE, #E66B00, #885600, #3A3500)
- Muted Marigold color palette (#FFE5D6, #FFAC52, #D39900, #937900, #4A4500)
- Dusty Tangerine Grove color palette (#F2DCD8, #F16F46, #AC4800, #733700, #3A1C00)
- Amber Hollow color palette (#FFF0F7, #FFB07C, #6FCEFF, #D56C00, #00405A)
- Quiet Blush color palette (#FFD2E4, #FFA2BB, #FF617E, #D53C34, #65230B)
- Airy Amber Parlor color palette (#F6D9C7, #D28200, #9C7000, #675100, #201F00)
- Gentle Pier color palette (#FFF1F7, #E4ECC7, #D0E682, #EA856B, #334E31)
Browse the whole catalog at Explore, or see today's palette.