Olive Field color palette — #FFF1F4 · #DCBFEB · #C98773 · #647328 · #214128

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lilac Frost (#DCBFEB): A whisper-light, dusty violet — the color of a velvet chair.
• Caramel (#C98773): A luminous, balanced orange — the color of autumn markets.
• Olive (#647328): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#214128): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Weathered Pine Alley color palette (#FFF1F1, #F1B8D6, #B89266, #357B4D, #113D54)
• Fern Coast color palette (#FFF1F4, #E3D8D2, #CCBDAD, #8E8D66, #405918)
• Apricot Bloom color palette (#ECF8F5, #9ACCFF, #DC976D, #3F959F, #2F4A36)
• Worn Corridor color palette (#FFF2F0, #E483A6, #8E7300, #005650, #170D49)
• Linen Tangerine Hollow color palette (#FFF2EB, #F56827, #507900, #004756, #1C0033)
• Patina Fern color palette (#F5F6EF, #C0DFDB, #81BCB0, #9A7B8E, #3A4E07)
• Peony Atelier color palette (#FFF1F1, #D564A4, #895700, #004525, #000E1A)
• Muted Rust Summit color palette (#FFF1F3, #FAD1D4, #E394AE, #B46171, #58504D)

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