Mustard Field color palette — #FFF2EB · #EABE00 · #6A9700 · #005839 · #001B1C

Saffron and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Saffron (#EABE00): A luminous, vivid green — the color of fresh herbs.
• Olive Leaf (#6A9700): A luminous, vivid green — the color of new leaves after rain.
• Deep Olive (#005839): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001B1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Pale Lime color palette (#FFF4DA, #B9CD00, #009961, #005854, #001C2A)
• Airy Apricot color palette (#FFF2F0, #FFA152, #947F00, #2A5100, #001E13)
• Nocturne Olive Veranda color palette (#F3E0C2, #778300, #004D1E, #00100E, #000102)
• Lime Thicket color palette (#EEF1CE, #A9C500, #6DA700, #1E830E, #003618)
• Frosted Moss Basin color palette (#F0F1E2, #839F00, #436900, #0B4404, #001607)
• Chalky Harbor color palette (#FFF4DB, #A9E719, #00B872, #00706D, #002739)
• Marigold Field color palette (#FFF2EB, #D4A200, #00885D, #552C84, #181A00)
• Hushed Olive color palette (#F6F0C3, #708A00, #494D56, #003426, #0A0700)

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