Celadon Basin color palette — #F0FF74 · #FFD6D2 · #96DAFF · #0E2B3E · #08141C

Built around Butter, softened by Powder Blue — the whole palette hums with nature and growth.

The five colors

• Butter (#F0FF74): A whisper-light, vivid green — the color of new leaves after rain.
• Shell Pink (#FFD6D2): A whisper-light, dusty orange — the color of autumn markets.
• Powder Blue (#96DAFF): A whisper-light, balanced blue — the color of open sky before noon.
• Midnight (#0E2B3E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#08141C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Celadon Pier color palette (#ECFF82, #FFD5D9, #02EFDE, #003934, #001216)
• Tempered Balcony color palette (#C9FFF9, #FFD9B9, #A8D5FF, #1B364E, #020C18)
• Feathered Study color palette (#E6F3D7, #FBB83C, #57CCFF, #235A72, #14222B)
• Wandering Mustard Cabin color palette (#DFEBD9, #CBAE00, #00B1DB, #002936, #04110B)
• Sky Orchard color palette (#D0E6D1, #FFA5B8, #3CC0FE, #021D2E, #000204)
• Hushed Workshop color palette (#EFF6FF, #FFCF96, #3D67BB, #1A2D52, #000718)
• Bronze Boulevard color palette (#EFF6FF, #91B5FF, #9F7E00, #7E6300, #0B1B33)
• Dusty Oat color palette (#E9EDFF, #B0D1D8, #ABA3B0, #474C59, #25282E)

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