Celadon Grove color palette — #F2F5FF · #D1FFAD · #DBD7CD · #4C4900 · #25251B

Butter and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Butter (#D1FFAD): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#DBD7CD): a clean, paper-quiet neutral.
• Deep Olive (#4C4900): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#25251B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Wandering Frost color palette (#FBF1FF, #B6FFF2, #E8DDD7, #3F4C3A, #222620)
• Seafoam Market color palette (#E9FFBD, #FFE7EB, #1CFEE8, #2F4029, #131B10)
• Timeworn Driftwood color palette (#F1F7ED, #D2D8CA, #7B8C6D, #3F4A36, #181D14)
• Softworn Coast color palette (#F3F8E5, #9AD4A6, #D89AAA, #A7726A, #31332C)
• Patina Mint Archive color palette (#E0DDEF, #9DD2FF, #00DAB5, #25372E, #1B2019)
• Pale Courtyard color palette (#FDE390, #B0E6FF, #4AF4C1, #486B6D, #283233)
• Dusty Summit color palette (#EDF8F3, #82CDF4, #8391C8, #945954, #262714)
• Softworn Seafoam color palette (#FFE2DC, #FFC0F9, #00E4E0, #192E19, #020802)

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