Tangerine Field color palette — #F0F0DE · #EA6C00 · #0093BF · #070A10 · #000201

Tangerine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F0F0DE): A whisper-light, dusty green — the color of fresh herbs.
• Tangerine (#EA6C00): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#0093BF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ink (#070A10): quiet, heavy and certain.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, 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

• Ember Garden color palette (#E9E9D3, #EA6623, #00689E, #0A0D1A, #000205)
• Soft Rose Terrace color palette (#FFDED2, #FF4277, #009999, #050A0D, #000200)
• Dusty Peony Courtyard color palette (#EAEADA, #FD187B, #0070E1, #0E2441, #000207)
• Lapis Ridge color palette (#E7F2DC, #A37B00, #3B4BF4, #1A0718, #030003)
• Tempered Lantern color palette (#F7EAF1, #E4C8CC, #CD94A0, #502EA7, #080004)
• Gentle Azure Balcony color palette (#DBEFE9, #0094EB, #892500, #003F68, #030100)
• Cellar Alley color palette (#E7DAE5, #B68400, #000D84, #0D0104, #00000B)
• Washed Thicket color palette (#E3E4CF, #57A743, #206AEA, #160A17, #030003)

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