Pale Field color palette — #FFF1F3 · #F89672 · #9B6B00 · #404400 · #001906
Built around Melon, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Melon (#F89672): A luminous, balanced orange — the color of autumn markets.
- Ochre (#9B6B00): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#404400): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001906): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Pale 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
- Ancient Bronze color palette (#FFE8FB, #FD9CB0, #B85A00, #583D00, #101600)
- Pale Chapel color palette (#FFF2EE, #DEA845, #7A7B00, #004D19, #001310)
- Soft Marigold Basin color palette (#FFE5D8, #EA9D41, #B38A00, #746E00, #1A2700)
- Amber Veranda color palette (#FFF1F2, #FCC193, #AE8800, #386100, #002C1B)
- Amber Villa color palette (#EFD9D4, #DB8323, #6F6200, #143C00, #000705)
- Patina Aubergine Grove color palette (#FFF3E7, #E6807E, #7C6B00, #47069F, #220A00)
- Bronze Loft color palette (#FCD9C6, #A87E00, #3E5D00, #002316, #000201)
- Tempered Bronze color palette (#FAF4F0, #DDDFD0, #B9CAB0, #B25B24, #291B10)
Browse the whole catalog at Explore, or see today's palette.