Cobalt Pier color palette — #E7F7EA · #67BAC5 · #4C7DA8 · #744144 · #1C2F39

Slate and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#67BAC5): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4C7DA8): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#744144): A full-bodied, dusty red — the color of embers at dusk.
• Deep Forest (#1C2F39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged retro, 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

• Antique Studio color palette (#E6F7E9, #83BA99, #21888B, #654564, #153134)
• Washed Pewter color palette (#E9F4F9, #54AABC, #7965A1, #723935, #032F22)
• Weathered Teal Lagoon color palette (#FFF2EA, #5EBAB0, #5E77A4, #774E39, #394D41)
• Softworn Driftwood Harbor color palette (#EAF5F0, #A0CEC3, #688E6E, #49676C, #243531)
• Hazy Ultramarine Meadow color palette (#DCFBE2, #009FCE, #3553CA, #6F1E00, #001E33)
• Aqua Coast color palette (#FFF4E2, #5CD1DF, #6B97BE, #89655A, #3B4C43)
• Softworn Turquoise Archive color palette (#EEF4EF, #CBE1F7, #4EABBE, #347967, #233947)
• Aged Pewter color palette (#E6F7E9, #8798D9, #82549D, #5C4100, #1C2135)

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