Cobalt Workshop color palette — #FBEFE9 · #B0D1BC · #2484B9 · #005D51 · #0C1F3F

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Pistachio (#B0D1BC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2484B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D51): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#0C1F3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Weathered Sapphire Cabin color palette (#F1E7DE, #91BEB1, #4365BB, #004A52, #170540)
• Timeworn Pier color palette (#F5F6EF, #A9D0B8, #0085A8, #005F65, #144435)
• Cerulean Chapel color palette (#F7F0EB, #C1E6D8, #6D8EC6, #006B72, #3F2034)
• Worn Thicket color palette (#EEF8F6, #D6DEEA, #57B3D4, #007E85, #003348)
• Navy Chapel color palette (#F6E9E1, #458296, #003F65, #00201C, #00000D)
• Washed Boulevard color palette (#E9DED7, #7AA893, #005A9B, #003938, #040032)
• Washed Bloom color palette (#F9EEE2, #698DB3, #2C39A1, #002B32, #060017)
• Misty Pine Station color palette (#FDDAD7, #B45883, #008449, #006B5C, #270808)

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