Cobalt Boulevard color palette — #B1FDF1 · #009487 · #0075C9 · #5B6800 · #003933

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B1FDF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#009487): A full-bodied, balanced teal — the color of sea glass.
• Royal Blue (#0075C9): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#5B6800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003933): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Misty Orchard color palette (#C4FADA, #00985F, #007E9F, #745E00, #003B22)
• Indigo Harbor color palette (#C5F5FF, #008FA4, #5D5CE0, #007522, #003740)
• Airy Alley color palette (#C7F5F4, #007B7B, #1756C2, #3A5800, #002525)
• Grape Ridge color palette (#D8E6F2, #0077B9, #882EBB, #006152, #002640)
• Misty Teal color palette (#D6FFF9, #00C3B6, #007B74, #004642, #00322E)
• Powdered Atelier color palette (#E2FFD9, #9CF7F9, #4AD2EF, #008B6E, #055451)
• Muted Driftwood color palette (#FFF0FD, #8098C7, #A875A4, #418284, #4E3C4C)
• Hazy Brick color palette (#B4F3F1, #009695, #A14BB0, #B7002D, #001D1D)

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