Hazy Celadon Coast color palette — #FFF1F6 · #FBFD9A · #90E9C6 · #AB5C70 · #082610

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Butter (#FBFD9A): A whisper-light, balanced green — the color of fresh herbs.
• Mint (#90E9C6): A whisper-light, balanced teal — the color of shallow lagoons.
• Mocha (#AB5C70): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#082610): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged pastel, light.

Use it as a design system

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

• Ancient Aqua Harbor color palette (#E2FFDF, #94EBE1, #5FD8EC, #BE6E5F, #042A17)
• Antique Drift color palette (#FFF1F6, #FAFCAB, #95FAE0, #BE8683, #28412F)
• Mint Study color palette (#E3FEE2, #D3E297, #00CEBA, #A25741, #100E00)
• Weathered Driftwood color palette (#FFF0FA, #CEE9D4, #A2DB9D, #B86A84, #391827)
• Frosted Moss color palette (#D9F3DC, #D6BE7D, #9DA136, #8E5300, #1F1500)
• Aged Bloom color palette (#FFEAD3, #C9C582, #6DAF78, #A23A24, #412D00)
• Softworn Mustard Veranda color palette (#FFF1F6, #D5AD43, #A96220, #6C322F, #001710)
• Hushed Mustard color palette (#FFF3E1, #F2E2AE, #C5CE75, #C0905C, #453402)

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