Cobalt Pier color palette — #FDEEE7 · #AAD3B8 · #2983BC · #005E43 · #2F162B

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDEEE7): a clean, paper-quiet neutral.
• Pistachio (#AAD3B8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2983BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005E43): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#2F162B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Cobalt Veranda color palette (#F7F0EA, #9BCFF2, #5D78C1, #005B59, #341424)
• Aqua Studio color palette (#FFEDE8, #53D1D4, #007DA1, #005624, #00193A)
• Dusty Lantern color palette (#F5F6EB, #A8D0B5, #25849F, #005F63, #0C4055)
• Muted Azure color palette (#FCF1F9, #B0DCF1, #489FCE, #007E6B, #253C58)
• Hazy Raspberry Station color palette (#FCDFE1, #C138AF, #00816B, #00626C, #26080D)
• Softworn Navy Grove color palette (#F7E2D5, #338499, #003E68, #002017, #01000B)
• Hushed Stone color palette (#FFECEF, #F5CEC0, #CEA675, #5F618E, #371C18)
• Patina Nightshade Summit color palette (#F3E4D4, #4290CC, #313A9C, #002B2C, #070015)

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