Tangerine Field color palette — #E3FCF1 · #F07C51 · #004F6B · #002B3C · #031B1C

Coral Clay and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E3FCF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Coral Clay (#F07C51): A luminous, balanced orange — the color of toasted spice.
• Peacock (#004F6B): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002B3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#031B1C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Sunlit Tangerine color palette (#FFEFFF, #F47B30, #004493, #07254D, #221622)
• Soft Blush Dune color palette (#EDF7FF, #FF98A6, #0071A3, #003F5E, #051D2E)
• Aged Ember Courtyard color palette (#CAE5DC, #D96445, #00395A, #001829, #000A0C)
• Marigold Archive color palette (#FCF1FB, #D4A565, #375081, #3C243A, #24171A)
• Dusty Archive color palette (#EAF8FF, #EFC978, #009EBA, #00677A, #031E29)
• Rust Quarry color palette (#F3E5F3, #BD5A00, #002455, #00081D, #060007)
• Tempered Petrol Lagoon color palette (#EEF8F5, #ECD8DB, #CEB4BD, #2C6FA6, #35433F)
• Dusty Terracotta Delta color palette (#E0FEED, #0083A1, #A44700, #783200, #103323)

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