Hazy Cobalt color palette — #FFF2EC · #FF987E · #00BFAF · #008BD4 · #402313

Built around Cerulean, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FF987E): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#00BFAF): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008BD4): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#402313): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Jade Station color palette (#FFF2EE, #FFAEB1, #00AB89, #0095C5, #461C20)
• Softworn Apricot color palette (#FFEAD9, #F09245, #00B4C9, #647ECD, #342212)
• Feathered Workshop color palette (#FFF0FD, #FF7470, #00A0CE, #007193, #281126)
• Softworn Sapphire Meadow color palette (#FFF3E4, #F0A700, #00B383, #0074DA, #560741)
• Honey Canyon color palette (#FFF3E2, #F8BC32, #009FD5, #8F73D9, #3A2704)
• Patina Moss color palette (#FFF1F1, #FFA7D6, #5CA900, #009D98, #441E1F)
• Ancient Marigold Meadow color palette (#FFF4E2, #FFAC3B, #A4A400, #0082C0, #453200)
• Timeworn Apricot Boulevard color palette (#FCF4EC, #DADBCD, #9DB6CD, #D59458, #5D3500)

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