Hazy Celadon color palette — #F4F7EA · #FFF1AE · #A3FFBA · #66D5EA · #3B4A33

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Custard (#FFF1AE): A whisper-light, balanced green — the color of fresh herbs.
• Mint (#A3FFBA): A whisper-light, balanced teal — the color of shallow lagoons.
• Ice Blue (#66D5EA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#3B4A33): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged candy, vibrant, light, pastel.

Use it as a design system

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

• Frosted Villa color palette (#ECFAEB, #9AFAA9, #0CE9F7, #7DB0FF, #193B28)
• Aged Market color palette (#F7F6EB, #D0EC96, #E0E1C4, #83DBC6, #4B4C45)
• Aqua Quarry color palette (#F1FAD9, #96E7CC, #3BCBC5, #489EAB, #355445)
• Patina Pier color palette (#EFF9EA, #6EFFF2, #AFE5EB, #A1D0FF, #344839)
• Timeworn Lantern color palette (#FAF4F0, #C2E0E4, #87D4E7, #7DB090, #395048)
• Muted Shell Station color palette (#EEF9EF, #8CE6EE, #FFABBF, #5BB9C1, #62453F)
• Patina Teal color palette (#E0F7F6, #E7F6AD, #98D8A7, #3BADB1, #0E2F31)
• Patina Cocoa Delta color palette (#FBF6DA, #C4E3CF, #AACBB7, #B69689, #7D3F24)

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