Cobalt Pier color palette — #CFF3E9 · #0079C6 · #764600 · #303700 · #101400

A conversation between Azure and Bronze, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CFF3E9): A whisper-light, dusty teal — the color of sea glass.
• Azure (#0079C6): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#764600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#303700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#101400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Dusty Study color palette (#FFE4F7, #5256FF, #5F5300, #293900, #001703)
• Weathered Mulberry color palette (#D1E6D5, #00848F, #9B003C, #3D3200, #161100)
• Cornflower Archive color palette (#E0E7FF, #697DFF, #905C00, #005634, #002D18)
• Pewter Ridge color palette (#DCEBF1, #8490C4, #8E5B7B, #2B5631, #0C2F13)
• Misty Villa color palette (#E7F5FF, #0085B5, #81146E, #282600, #000204)
• Dusty Forest Loft color palette (#FDE7E0, #3AC8C8, #0081A2, #015E22, #001F40)
• Gentle Periwinkle color palette (#E7FAF5, #47ABFF, #B06D50, #406A38, #254020)
• Washed Plum Balcony color palette (#F2DCE1, #BD65D7, #C62B63, #7E3C00, #151200)

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