Cobalt Workshop color palette — #FBF2F6 · #ACC9DE · #487AB7 · #005F61 · #32375A

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Sky (#ACC9DE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#487AB7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#32375A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Forest Orchard color palette (#FCF2F8, #9DCEDB, #00879C, #006438, #04405B)
• Cobalt Station color palette (#F1F3EB, #A7D3C1, #2E82BC, #00586D, #002141)
• Tempered Lagoon color palette (#FBF3F6, #D8DFF0, #7C9CBF, #397B79, #475369)
• Wandering Cerulean color palette (#F2E3EE, #439EAA, #00516C, #003125, #00142B)
• Antique Periwinkle Delta color palette (#FCF3EC, #BEECD9, #7AB4FF, #009FA2, #32375A)
• Faded Violet Balcony color palette (#DEF5EB, #8B963B, #8766B1, #555D00, #3E2A55)
• Softworn Navy Lantern color palette (#F8E8EE, #4D87AE, #13377B, #002225, #090029)
• Denim Lantern color palette (#F0E4E7, #81A2C1, #3150A5, #003D44, #1F1249)

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