Cobalt Pier color palette — #F7E4F9 · #006EC5 · #6A5800 · #003A6C · #211A00

Royal Blue takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7E4F9): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#006EC5): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#6A5800): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003A6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#211A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, 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

• Washed Chestnut Archive color palette (#E0F3E8, #007997, #884400, #004051, #2D1200)
• Sunlit Nightshade color palette (#F8E1F0, #5A57D7, #6B5700, #3000A1, #221A00)
• Ultramarine Grove color palette (#FADEF9, #0052BF, #6B4400, #463E00, #000F30)
• Cornflower Balcony color palette (#EDD5ED, #2182FA, #008B59, #004EA6, #002112)
• Gentle Byzantium color palette (#FFE3ED, #8A40C9, #406600, #500080, #102000)
• Softworn Moss color palette (#FFF0FD, #7A9EE9, #998C00, #4362A8, #45423B)
• Washed Mulberry Basin color palette (#C7EAD7, #007995, #A60044, #004050, #390012)
• Sunlit Ultramarine color palette (#DAEAFE, #7EB0FF, #BB8403, #0055C5, #261700)

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