Hazy Coral Basin color palette — #FFF2ED · #F8786F · #259289 · #445C92 · #283759

Built around Watermelon, softened by Fern — the whole palette hums with creativity and calm.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#F8786F): A luminous, balanced orange — the color of toasted spice.
• Fern (#259289): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#445C92): A full-bodied, balanced violet — the color of wild irises.
• Navy (#283759): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Airy Study color palette (#FFF2EF, #ED7B9F, #009586, #20677E, #17412F)
• Gentle Apricot color palette (#FFF3E7, #E78C2D, #3F87B9, #415C94, #31335C)
• Tempered Delta color palette (#FDF1FE, #F89DA8, #6E984D, #205D9E, #3F1A40)
• Antique Apricot color palette (#FFF3E7, #E5A062, #5397AD, #835B6E, #573746)
• Muted Ember color palette (#FFE1D0, #F04A00, #00787A, #5B09A5, #30005C)
• Frosted Mustard color palette (#FFEFE8, #EFB34B, #A48E02, #637635, #4A4B44)
• Washed Lagoon color palette (#FFF2EF, #E0C4AC, #A29B76, #8A6879, #5B4650)
• Faded Sapphire Harbor color palette (#FFF4E0, #C79D18, #2B6ECA, #6E398C, #401D54)

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