Celadon Station color palette — #F5F6ED · #C0EEAB · #7EBFEE · #96B688 · #21322C

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

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Mint (#C0EEAB): A whisper-light, balanced green — the color of new leaves after rain.
• Sky (#7EBFEE): A luminous, balanced blue — the color of open sky before noon.
• Sage (#96B688): A luminous, dusty green — the color of fresh herbs.
• Deep Forest (#21322C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, light, muted.

Use it as a design system

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

• Sand Market color palette (#F9F4ED, #F8DA9B, #72C7D2, #C1A872, #253128)
• Dusty Powder color palette (#F1F7EF, #9DF0E4, #B5ADF1, #64BDB1, #362A30)
• Weathered Seafoam color palette (#EDF8F7, #9AE5B4, #4BA9C4, #629B76, #253036)
• Seafoam Alley color palette (#FFF2EE, #7CE8C5, #89B3D9, #AB8073, #3D4C3E)
• Feathered Seafoam color palette (#E3FFD5, #A1F2D2, #77CAD1, #6A92B8, #414271)
• Softworn Pine Delta color palette (#ECF4F3, #9ECEC9, #518AAF, #36853C, #0B1721)
• Mint Boulevard color palette (#F1F8EB, #5DD19A, #C390B8, #A27C99, #37312C)
• Weathered Lantern color palette (#F3F7EF, #D1DFDC, #C5C6DF, #A8B6BF, #51544D)

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