Hazy Cobalt color palette — #C2F4BF · #6CC3C2 · #5E79B1 · #6F4B60 · #6A402B

A conversation between Slate and Mint, giving this palette its sense of nature and growth.

The five colors

• Mint (#C2F4BF): A whisper-light, balanced green — the color of a quiet forest floor.
• Mint Leaf (#6CC3C2): A luminous, balanced teal — the color of sea glass.
• Slate (#5E79B1): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#6F4B60): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#6A402B): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Worn Chapel color palette (#AFFBE6, #9CBDA3, #4484B6, #6E3A49, #4F1505)
• Faded Thicket color palette (#ECF1BF, #6CB692, #4289AA, #7E513F, #6D3721)
• Antique Delta color palette (#B1FCE5, #6DB8D4, #7B76A4, #476549, #5F4107)
• Cocoa Harbor color palette (#BEF5FD, #9FC9DB, #749BB8, #96536A, #78372C)
• Dusty Lantern color palette (#E6F5DA, #6FA0AE, #506F93, #58401B, #333100)
• Pewter Atelier color palette (#E6F9FF, #ADC4DB, #8E8CA6, #527774, #37545D)
• Sky Quarry color palette (#E4F4C4, #90DDD1, #75B2EA, #A77F61, #703F01)
• Aged Aubergine Field color palette (#D0E8E8, #5F7DA1, #643D70, #312700, #101701)

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