Cobalt Coast color palette — #B3F6D9 · #009E75 · #0079D3 · #725200 · #00261A

Built around Azure, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Mint (#B3F6D9): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#009E75): A luminous, balanced teal — the color of sea glass.
• Azure (#0079D3): A full-bodied, vivid blue — the color of open sky before noon.
• Coffee (#725200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#00261A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

Use it as a design system

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

• Gentle Emerald color palette (#BEF0EA, #00A22C, #0084A8, #814800, #002805)
• Hazy Sapphire color palette (#C6F0FF, #009FA9, #0065CD, #4A4C00, #002C1D)
• Faded Archive color palette (#CCFBDF, #009458, #006998, #5B3D00, #111A00)
• Gentle Indigo Loft color palette (#E6F9FF, #00AAAF, #7179E4, #626E02, #003334)
• Amethyst Villa color palette (#B4F0FF, #0096AF, #874BEB, #426400, #00242C)
• Worn Balcony color palette (#D4FFFC, #00AE5A, #6663FF, #972600, #001105)
• Tempered Terracotta Pier color palette (#E4EAB7, #888E00, #008988, #A51100, #202200)
• Dusty Teal Boulevard color palette (#D5FAFF, #00C6AA, #0085A2, #007B69, #00141F)

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