Cobalt Canyon color palette — #B4F4F0 · #53B8CD · #0080AE · #295A90 · #3A446E

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#B4F4F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#53B8CD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0080AE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#295A90): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3A446E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Sunlit Atelier color palette (#BFEFD7, #68ABE0, #527AC3, #545294, #4D3F64)
• Airy Teal color palette (#BDEFD5, #5AC5B5, #00888C, #006274, #214962)
• Tempered Sky Ridge color palette (#CBF3FF, #69DFF7, #11B7F6, #5291CA, #3E476A)
• Dusty Cobalt color palette (#D8FFF5, #9BBDEE, #3A74AD, #144B79, #0F315A)
• Sunlit Petrol color palette (#E7FAF4, #67A6DA, #BE7452, #0B6AA8, #5E3725)
• Wandering Boulevard color palette (#D9EAF0, #00A0DD, #0069B7, #2B15B6, #3B1B6D)
• Worn Mallow color palette (#DFFDF3, #F2DCD5, #DCB7E1, #4D9094, #564656)
• Gentle Navy color palette (#D9EFF1, #007DA2, #00436A, #001073, #12004A)

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