Cobalt Pier color palette — #FEF3EA · #90D9FF · #3F81CD · #006667 · #363C63

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

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Ice Blue (#90D9FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#3F81CD): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006667): A full-bodied, dusty teal — the color of sea glass.
• Navy (#363C63): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Hazy Grove color palette (#FCEFE6, #A4D8F4, #5081D4, #00635A, #251C48)
• Sapphire Canyon color palette (#FFF3E8, #69C2F9, #2167D7, #00555A, #2D2A60)
• Hushed Cerulean Market color palette (#FEF3ED, #BFE8CF, #4F92BC, #127164, #563E55)
• Misty Lantern color palette (#FFF2EB, #76E3DE, #008FA4, #006B3B, #0E455F)
• Softworn Terrace color palette (#FFF1F7, #AFE3FF, #699BEE, #008478, #3F3472)
• Chalky Turquoise Meadow color palette (#D4F4F2, #00B9D0, #0075A0, #00508D, #2F3B6C)
• Worn Mallow color palette (#DAFFEF, #D8E3FF, #DA95E5, #008388, #563F57)
• Soft Azure Station color palette (#D9EFFF, #2A9BDE, #934900, #605800, #0C344C)

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