Celadon Field color palette — #F5F7E7 · #E0E3BB · #B5E38E · #55C1D4 · #434640

Pistachio and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#E0E3BB): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B5E38E): A whisper-light, balanced green — the color of a quiet forest floor.
• Cyan (#55C1D4): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#434640): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Chalky Seafoam color palette (#F3F8E8, #F9F2A8, #7AEEAC, #84B9E4, #45523E)
• Washed Stone Workshop color palette (#FFF3E4, #D7DABA, #94B79C, #967F77, #5B4741)
• Antique Glacier Terrace color palette (#E4FBF6, #C1E2CC, #73D7DD, #B1B8C4, #174040)
• Washed Boulevard color palette (#F8F7D8, #9FDBAD, #36B59A, #2F878F, #365849)
• Cornflower Lantern color palette (#EDFAE6, #BCDF5E, #00D6D0, #3B94F7, #183720)
• Feathered Ridge color palette (#EBFAED, #B9FDBC, #01E0F1, #A392F5, #1F4332)
• Washed Blush Station color palette (#EDF9ED, #83D5D3, #E993B4, #00A19F, #634441)
• Patina Workshop color palette (#F9F4EF, #CCE7E9, #9DB0E2, #489592, #634A55)

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