Cobalt Pier color palette — #FFF2EF · #EA97AA · #7EAD70 · #4373B6 · #341E1A

A conversation between Slate and Ballet Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#EA97AA): A luminous, balanced red — the color of a theater curtain.
• Jade (#7EAD70): A luminous, balanced green — the color of fresh herbs.
• Slate (#4373B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#341E1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Washed Loft color palette (#FFF2EF, #EE93AC, #B29D4C, #008385, #371C18)
• Worn Nightshade color palette (#FFF2F0, #EEA2B4, #83924A, #5F4C9A, #481827)
• Tempered Iris Veranda color palette (#FFF2EA, #EAB69E, #75C0A2, #7F78B9, #37302C)
• Blush Alley color palette (#FFEFFF, #FF979E, #65C398, #4D9BB7, #3B2E3B)
• Dusty Denim color palette (#FEF3E9, #E19F6A, #988B2E, #055A9A, #271403)
• Pale Mustard color palette (#FAF6E1, #B0BB63, #68AA7B, #007F9B, #2A250B)
• Mulberry Market color palette (#FDF4E4, #BE9937, #0099B9, #883891, #1F1300)
• Frosted Hollow color palette (#FFEDE8, #D85263, #1B8963, #1B5A71, #251510)

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