Tangerine Field color palette — #F1D7D7 · #E77530 · #7B6000 · #294000 · #002013

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

The five colors

• Shell Pink (#F1D7D7): A whisper-light, dusty red — the color of late-summer berries.
• Tangerine (#E77530): A luminous, vivid orange — the color of autumn markets.
• Olive (#7B6000): A full-bodied, balanced gold — the color of old brass.
• Forest (#294000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#002013): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Ancient Coral Lagoon color palette (#F7D4E6, #E66E72, #9A5800, #453B00, #0A1D00)
• Amber Garden color palette (#EFDED3, #C19600, #5F7300, #00492D, #001F1D)
• Gentle Balcony color palette (#FFE6DF, #EBA065, #A88012, #565D00, #003F0C)
• Quiet Ember Corridor color palette (#DAF1D9, #D0673F, #586200, #2C306E, #290D18)
• Inked Chestnut Corridor color palette (#FADFCF, #7D6000, #323F00, #001C0D, #000303)
• Softworn Taupe Station color palette (#FFE6DF, #B49C67, #447B7C, #494C6E, #282A41)
• Airy Bloom color palette (#E4F8E4, #FFBABD, #D39B00, #16946E, #001D12)
• Weathered Chestnut color palette (#F8EFF3, #C7E0DC, #A7BDB6, #895738, #261E22)

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