Cobalt Coast color palette — #FFF1F1 · #E789BD · #00A4CB · #4F74C8 · #331520

Sapphire and Bubblegum set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#E789BD): A luminous, balanced rose — the color of strawberry cream.
• Cyan (#00A4CB): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4F74C8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#331520): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Cobalt Coast 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

• Timeworn Blush color palette (#FFF2EE, #ED8E96, #609CDC, #8673BC, #3B2425)
• Softworn Parlor color palette (#FFF1F6, #BE92E5, #00A292, #0085A7, #2D1327)
• Wandering Study color palette (#FADCD5, #E34D68, #0A6FD4, #5F2FAF, #14000D)
• Chalky Marigold Balcony color palette (#FFF3E4, #DB9A02, #AF7BC0, #A85573, #301807)
• Driftwood Market color palette (#FEF3E7, #E3B987, #AC94C3, #B67993, #3D3632)
• Feathered Field color palette (#FFF0E6, #FE6726, #716BFF, #9E21A8, #380011)
• Dusty Amber Quarry color palette (#FFF3E8, #BF701D, #007B6E, #494A98, #301A09)
• Timeworn Moss color palette (#F9EDD5, #D7B756, #989F3B, #00877B, #33302A)

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