Olive Field color palette — #FFF4E2 · #FFCCDF · #C69488 · #647C3C · #513832

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Shell Pink (#FFCCDF): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#C69488): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#647C3C): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#513832): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Olive 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 Basin color palette (#FEF4E4, #FFD0CA, #C09A74, #3B7F7F, #642E00)
• Dusty Bronze color palette (#EBFAED, #CE94AB, #A26456, #366450, #4F4351)
• Worn Workshop color palette (#F8F6E8, #DBC6F1, #D69E9A, #4C96B4, #5B3F41)
• Wandering Sand Harbor color palette (#FFF4E2, #FEBB85, #9F934F, #2C6B87, #35312B)
• Abyss Delta color palette (#FFF2F0, #E1D9CF, #C6C1A6, #8D9787, #3C5546)
• Timeworn Coral color palette (#FFF4E2, #EF7A6F, #975B00, #00494B, #250700)
• Aged Bronze color palette (#FFF4E2, #F29E84, #A3741A, #005C66, #321B06)
• Washed Chestnut Ridge color palette (#FFF2EE, #DF989D, #7D431C, #362722, #150D0C)

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