Cobalt Pier color palette — #F1F5FE · #EDEAA7 · #5F73B0 · #2B365A · #090F1A

Built around Slate, softened by Butter — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Butter (#EDEAA7): A whisper-light, balanced green — the color of a quiet forest floor.
• Slate (#5F73B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#2B365A): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#090F1A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Worn Driftwood Station color palette (#F2F5FE, #BAE4F1, #8180AE, #3D455F, #181B23)
• Ancient Villa color palette (#EEF2FB, #DBA2A7, #4E507A, #1B2544, #080C16)
• Worn Sand Drift color palette (#FCF2F8, #F0D190, #8790CB, #76586D, #271E25)
• Weathered Denim color palette (#FCF1F9, #B5B275, #414D82, #402239, #271619)
• Byzantium Study color palette (#F4F4FF, #64F7C1, #8F3CBC, #401657, #070517)
• Washed Mulberry color palette (#F7F3FF, #A7E1B0, #90417F, #3B1934, #05020A)
• Aged Tangerine Parlor color palette (#EFF6FF, #DAD7F3, #EC7A23, #5B8AD3, #1B0D14)
• Gentle Villa color palette (#EBF7FF, #3BC2F3, #72B06C, #318367, #142732)

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