Pale Field color palette — #E3FCF4 · #C5E098 · #CFA4FF · #789737 · #343453

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

The five colors

• Ivory (#E3FCF4): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#C5E098): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#CFA4FF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#789737): A luminous, balanced green — the color of new leaves after rain.
• Navy (#343453): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Hazy Emerald Station color palette (#E8F9F8, #9CE9B5, #F899D2, #22A15D, #403050)
• Gentle Veranda color palette (#EBF9F2, #DFD887, #80C1FF, #978D13, #1A3B59)
• Worn Jade color palette (#EAF9F5, #D3F0C0, #FFB6B0, #82A768, #573C53)
• Sunlit Canyon color palette (#F8F7DE, #B5DB7F, #6DCCEE, #8AAC57, #264B3A)
• Weathered Lilac Coast color palette (#F9F7DE, #92AA69, #9D76BE, #577022, #4D385F)
• Worn Taupe color palette (#E3FCF5, #B7DEED, #B6ADB4, #B4A778, #334B47)
• Lilac Atelier color palette (#E0FDF3, #C0DB73, #A083E9, #BC77AB, #173129)
• Tempered Veranda color palette (#DEFCFF, #33F7CF, #EF7386, #009379, #521622)

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