Pale Field color palette — #F9DED6 · #D28000 · #775C00 · #2F3600 · #001804

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F9DED6): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D28000): A luminous, balanced gold — the color of old brass.
• Olive (#775C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#2F3600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001804): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Feathered Moss color palette (#F6DECA, #A38B00, #576700, #004413, #001611)
• Marigold Grove color palette (#FFE8DA, #EC9600, #977500, #555300, #1A2D00)
• Soft Orchard color palette (#F7DEE2, #FF3F2E, #8B4B00, #412F00, #101200)
• Navy Hollow color palette (#F4E6CD, #BE6300, #525700, #1A1F7D, #1B0F00)
• Muted Chestnut color palette (#FCEFE4, #DFD2BD, #B3AC8B, #8A4600, #24170B)
• Olive Station color palette (#FFF0D5, #FFA498, #D19500, #238F0D, #130F00)
• Aubergine Balcony color palette (#FFD8B7, #A55D00, #005859, #27067C, #17002C)
• Olive Pier color palette (#EAE5C8, #578000, #005838, #002925, #000507)

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