Pale Field color palette — #FDD5D2 · #FF9761 · #CF7D00 · #8D6800 · #302C00
Built around Mustard, softened by Apricot — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FDD5D2): A whisper-light, dusty orange — the color of autumn markets.
- Apricot (#FF9761): A luminous, balanced orange — the color of toasted spice.
- Mustard (#CF7D00): A luminous, balanced gold — the color of old brass.
- Ochre (#8D6800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#302C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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
- Tangerine Orchard color palette (#FFE1E6, #FF988C, #F36500, #A05C00, #372700)
- Muted Blush color palette (#FBDFE9, #FF7E80, #B36700, #5D4B00, #213200)
- Marigold Canyon color palette (#F2DBCB, #F3A900, #AC9500, #6C7400, #182C00)
- Muted Apricot color palette (#FAE2AF, #FF8C64, #B88300, #007A89, #421E00)
- Gentle Workshop color palette (#F5DDCA, #D37700, #705405, #4C2C0C, #110400)
- Muted Courtyard color palette (#FFF2EC, #FED4B8, #D4AD7B, #9F8943, #4C4D00)
- Olive Delta color palette (#FFDA9B, #CFC67B, #98A54C, #49832D, #00381F)
- Mustard Coast color palette (#FFF2EB, #FFC9CA, #FFAE7E, #CBA800, #3A2000)
Browse the whole catalog at Explore, or see today's palette.