Cobalt Pier color palette — #FBF4EC · #AACEC1 · #5D75B6 · #00605D · #512E3F

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Pistachio (#AACEC1): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5D75B6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#512E3F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Creativity, Calm, 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 Courtyard color palette (#FCF3EE, #B1CDB8, #2C80AF, #006341, #29395F)
• Patina Studio color palette (#FCF3EF, #C9E5CE, #6191AC, #32704F, #563F54)
• Timeworn Cobalt Basin color palette (#ECF4EE, #B2CBE0, #4D7DC0, #00596A, #161D3F)
• Tempered Loft color palette (#FFF2EA, #6EC4E6, #146DC8, #00574A, #2D256C)
• Patina Boulevard color palette (#FFDBD4, #BD4E6E, #007C83, #1B5C7A, #441D27)
• Dusty Periwinkle Station color palette (#FDF2F5, #C4E5FF, #8FAFFF, #319E99, #3D3358)
• Washed Cocoa color palette (#FFF1F0, #FFCBBB, #ACAD6F, #80648F, #672D09)
• Weathered Villa color palette (#F8EAE3, #5D9AA7, #004E78, #003121, #060544)

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