Misty Cobalt Pier color palette — #FFF4E2 · #00BCD5 · #2780D3 · #9D2C35 · #003C4E

Azure and Garnet set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#00BCD5): A luminous, balanced blue — the color of deep harbor water.
• Azure (#2780D3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#9D2C35): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003C4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.

Use it as a design system

One click turns Misty 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

• Weathered Cornflower color palette (#DEFFE5, #0AD6F1, #0388EC, #A3132A, #002D3B)
• Antique Delta color palette (#FCECD3, #57ACD8, #6071BE, #843E1F, #083930)
• Linen Mulberry Lantern color palette (#FFF4DE, #00C2A9, #008CA8, #932D68, #003E3E)
• Misty Violet Bloom color palette (#E2FDEC, #00ADCE, #8D55CF, #A01017, #323300)
• Hazy Ultramarine color palette (#FFF3E7, #00A290, #005AC2, #653900, #003D45)
• Periwinkle Terrace color palette (#FFF4DE, #70A8FF, #8969C1, #7F4E00, #29315D)
• Tempered Periwinkle color palette (#FFF1F6, #00DEC8, #6BA6FF, #A55F00, #003D46)
• Sunlit Nightshade Loft color palette (#F1EBDE, #0087D1, #523EB8, #592900, #001339)

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