Pale Field color palette — #EDF9EF · #C99A00 · #007470 · #6C5100 · #002229

Built around Mustard, softened by Coffee — the whole palette hums with optimism and balance.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Mustard (#C99A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007470): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#6C5100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002229): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Balance. Tagged duotone.

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

• Hushed Harbor color palette (#F7F2E0, #B3AD00, #007C72, #625E00, #010D00)
• Tangerine Cabin color palette (#FEF1F8, #F37A43, #007377, #8E3600, #00212A)
• Timeworn Ultramarine Summit color palette (#ECF9F2, #AAA818, #005FCB, #5B5900, #0D1D31)
• Bronze Terrace color palette (#E2EFE6, #A58400, #005771, #503F00, #000F1A)
• Mustard Boulevard color palette (#E8FAF1, #C8C100, #009C8A, #807B00, #002227)
• Washed Canyon color palette (#FFEFFF, #8F9300, #006F69, #74185C, #1E3E17)
• Pale Bronze Quarry color palette (#FFF1F5, #AE6D00, #005F91, #6D2600, #3C2500)
• Hushed Balcony color palette (#FFE8BD, #98B600, #008443, #00504E, #003A51)

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