Celadon Boulevard color palette — #ECF7FF · #F5F85A · #FFCED6 · #52342D · #1C1210

A conversation between Butter and Shell Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Butter (#F5F85A): A whisper-light, vivid green — the color of new leaves after rain.
• Shell Pink (#FFCED6): A whisper-light, dusty red — the color of late-summer berries.
• Cocoa (#52342D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1C1210): a grounded near-black with real depth.

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

Use it as a design system

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

• Worn Petal Pier color palette (#DBFDFF, #FFECC2, #FFCCE4, #4D3534, #1E1212)
• Washed Rust color palette (#FEF2EF, #FFE2A5, #AF5762, #4F2F26, #180C09)
• Pale Station color palette (#DCEFDF, #E7C108, #FF8C71, #4F3338, #2F232C)
• Seafoam Parlor color palette (#F2F0FF, #52FFEE, #FFC18C, #4C2800, #190F05)
• Peony Terrace color palette (#DAF0D4, #A2D0FF, #E65AC2, #281F35, #140F1B)
• Muted Amber color palette (#FFF2ED, #E9DDB7, #C59234, #796B00, #2C3300)
• Wandering Terrace color palette (#FFF2ED, #F89190, #00B895, #347B9B, #351E15)
• Wandering Seafoam color palette (#D9E8F4, #00EEDF, #EDA9FF, #6F5359, #2C2224)

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