Pale Field color palette — #FDF5DE · #C5BE71 · #87A8F4 · #6C8FDF · #342A0D

Lavender Blue and Cornflower set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDF5DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C5BE71): A luminous, balanced green — the color of new leaves after rain.
• Cornflower (#87A8F4): A luminous, balanced violet — the color of wild irises.
• Lavender Blue (#6C8FDF): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#342A0D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Azure Lagoon color palette (#FEF4DF, #CBBC6D, #45BDC7, #009FD4, #372904)
• Lilac Canyon color palette (#EFF9E4, #81CDAE, #B398F2, #9E7BDE, #242F15)
• Gentle Aqua color palette (#E5FCED, #D6BD5C, #00C9EA, #D387C3, #233F2E)
• Muted Terrace color palette (#E5FEDF, #00C9B8, #A186FF, #BE3FE6, #002824)
• Dusty Amber Lantern color palette (#E1FEE7, #A98200, #7371B9, #765486, #283E2E)
• Linen Amber color palette (#FEF0D4, #A78B00, #008EA6, #875A7D, #271D06)
• Lapis Hollow color palette (#E0FFDF, #12B92E, #547EFF, #564FFF, #001802)
• Apricot Drift color palette (#FFF3E2, #BBE7D6, #C3BEC9, #E19A89, #514000)

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