Tangerine Field color palette — #FEE2E1 · #EB7C16 · #7F6800 · #244F00 · #00241A

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

The five colors

• Rose Water (#FEE2E1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#EB7C16): A luminous, vivid gold — the color of afternoon light on wheat.
• Walnut (#7F6800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#244F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#00241A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Weathered Olive color palette (#F9D9CA, #C6964D, #6A7100, #004624, #001C1A)
• Misty Corridor color palette (#FFD0E8, #FB7C6D, #A95A00, #473F00, #102500)
• Weathered Corridor color palette (#FFEFDF, #DF6B2D, #576B00, #3F248A, #291800)
• Pale Summit color palette (#FFF3E8, #FFCA5D, #B39C00, #545E00, #0B2E00)
• Feathered Marigold color palette (#FFE0DE, #FCA23C, #A08200, #306E00, #003E2D)
• Charred Bronze Summit color palette (#F1E8D5, #806900, #11320B, #170E00, #080200)
• Bronze Loft color palette (#F8F0EA, #D6DBC5, #C1C398, #9E5500, #2F2216)
• Weathered Moss color palette (#EBE4D7, #7E9E00, #006B4B, #003C40, #00151F)

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