Gentle Field color palette — #DBFFED · #CCC52D · #7A7AEC · #807B00 · #33326A

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

The five colors

• Honeydew (#DBFFED): A whisper-light, dusty teal — the color of shallow lagoons.
• Saffron (#CCC52D): A luminous, vivid green — the color of new leaves after rain.
• Periwinkle (#7A7AEC): A luminous, vivid violet — the color of twilight just after sunset.
• Olive Leaf (#807B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#33326A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Lime Station color palette (#DAFFF5, #97D62D, #9B83FE, #4F7600, #3B2E6B)
• Worn Cornflower color palette (#E0FFDF, #FCAD2C, #288DEB, #A16A00, #003B6E)
• Ancient Boulevard color palette (#FEF5DA, #D4CC64, #A6A1FF, #8A8100, #2C1A6E)
• Gentle Delta color palette (#C6E7D9, #AAB328, #8A57C7, #646900, #321B4D)
• Linen Meadow color palette (#E0FCFA, #65D18F, #C28CD7, #4B9265, #50375A)
• Patina Indigo Delta color palette (#F1EFB1, #BCB52F, #8F65BD, #6B67E7, #343205)
• Byzantium Workshop color palette (#CFF0E9, #59AF25, #A63EB9, #225100, #2C0534)
• Washed Seafoam color palette (#E3FAFE, #80D7C5, #E09BA6, #579B8D, #59455C)

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