Cobalt Workshop color palette — #FCF4EC · #A8CFC4 · #6075B3 · #005E6B · #3B345A

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Pistachio (#A8CFC4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6075B3): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005E6B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3B345A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Lagoon color palette (#FBF3F0, #B1CEB4, #2284A0, #006343, #163E5A)
• Patina Cobalt color palette (#E9F5F4, #A6CCEF, #4B7EBD, #005677, #102039)
• Worn Periwinkle color palette (#F3F7ED, #AFE1D3, #5C97E2, #0075A0, #293A5B)
• Misty Cobalt color palette (#FFF2E9, #75C3E7, #006FC6, #005655, #212772)
• Hushed Corridor color palette (#EADCD5, #4C9BB3, #004E79, #00302B, #000A40)
• Petrol Boulevard color palette (#F9F4EF, #CBE5E8, #8499C2, #137D87, #644959)
• Aged Workshop color palette (#F1F7F0, #C5E4FF, #90B0F8, #4B99A4, #39355B)
• Tempered Lagoon Pier color palette (#ECDCD4, #488E8C, #004451, #002412, #000B14)

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