Pale Field color palette — #F3F7E8 · #94F1AE · #6288FF · #00974C · #160213

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

The five colors

• Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#94F1AE): A whisper-light, balanced teal — the color of glacier melt.
• Periwinkle (#6288FF): A luminous, vivid violet — the color of a velvet chair.
• Kelly Green (#00974C): A full-bodied, balanced teal — the color of sea glass.
• Ink (#160213): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, 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

• Washed Iris Archive color palette (#F2F7EE, #92E3CC, #7E7DDA, #008A72, #10000A)
• Hazy Emerald Bloom color palette (#F5F6EA, #B4EB9D, #009CE3, #439400, #000D08)
• Pale Cobalt Canyon color palette (#F2F7EC, #51D6A8, #0078D2, #007556, #030004)
• Antique Lilac Ridge color palette (#F1F7F1, #A6F6F8, #AC8CD7, #009DA1, #1E0C13)
• Ancient Magenta color palette (#ECFAED, #5AF1F9, #CC5ADB, #009096, #1A0107)
• Misty Dune color palette (#E4FAFD, #57EBCA, #00BCCD, #00B497, #00212C)
• Wandering Pier color palette (#DFEFE2, #00A0AF, #6E00A4, #00444C, #020006)
• Pale Clover Grove color palette (#E4FBF9, #00C16A, #0060C6, #006736, #0D1E31)

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