Shell Field color palette — #FEF2ED · #FFB7A6 · #B09661 · #5A744D · #4F2E2D

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

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Melon (#FFB7A6): A whisper-light, balanced orange — the color of toasted spice.
• Caramel (#B09661): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5A744D): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#4F2E2D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Shell 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

• Antique Garden color palette (#FFF1F1, #FFAFDB, #C38979, #7B683C, #4B2E3B)
• Honey Lantern color palette (#FBF4E8, #E9C96C, #7FA76F, #3C776E, #3E3733)
• Washed Cerulean Delta color palette (#FFF2ED, #F7B3AD, #A4B174, #3F94A4, #5A3544)
• Weathered Study color palette (#FFF2E9, #E0D9C7, #DBA871, #96764E, #6B4700)
• Olive Corridor color palette (#F8EEF7, #C38C87, #767536, #005856, #1F2346)
• Weathered Terrace color palette (#FDF2F2, #B8879F, #8E6834, #1A568B, #5E3535)
• Worn Apricot color palette (#FFF2EB, #F1916F, #7A4611, #322923, #130E0C)
• Amber Quarry color palette (#FFF3E7, #D07A00, #5F6B00, #5F0958, #210001)

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