Celadon Harbor color palette — #FFF3E9 · #DDDECA · #B2E4AA · #BA7E6F · #684200

Mint and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#DDDECA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint (#B2E4AA): A whisper-light, balanced green — the color of fresh herbs.
• Caramel (#BA7E6F): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#684200): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Timeworn Chestnut color palette (#FDF4E4, #D7E4C9, #A5C3D7, #BDA184, #624B00)
• Worn Cocoa color palette (#FFF2EF, #E3D9C8, #D7C790, #B185A0, #793A23)
• Antique Chestnut color palette (#FFF2EA, #D7B799, #B88064, #955637, #543600)
• Airy Lime color palette (#FFF2DD, #EBE284, #80CF3E, #C56400, #4B3900)
• Tempered Harbor color palette (#F6F7E2, #BBF3D6, #4FE4D6, #959251, #41433C)
• Taupe Alley color palette (#FFF1F6, #C1EDF4, #C99D85, #849AB2, #384837)
• Weathered Grove color palette (#F4EAD4, #92AB6A, #00A065, #6B4600, #0F1200)
• Hushed Bronze color palette (#FAF5EB, #DEC083, #856F28, #4F4110, #272116)

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