Cobalt Workshop color palette — #F7F1EA · #A9D1C6 · #6A75BD · #005B5F · #351322

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

The five colors

• Cream (#F7F1EA): a clean, paper-quiet neutral.
• Oat (#A9D1C6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6A75BD): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#351322): A deep, shadowed, dusty rose — the color of strawberry cream.

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 Terrace color palette (#F9EFEC, #B5D0B7, #0088B0, #155E31, #2D172D)
• Dusty Cobalt Station color palette (#FAF4EC, #9CD2C4, #5977B3, #0A5C72, #33375A)
• Worn Courtyard color palette (#F3E6DF, #86BECB, #0071AD, #004D37, #0A1137)
• Cypress Courtyard color palette (#F6F1EC, #C5E6EA, #8A9ACB, #297978, #462D38)
• Raspberry Boulevard color palette (#DCEFDE, #00A5AC, #CA4371, #006166, #330C19)
• Timeworn Coast color palette (#F5E7DF, #4A95AC, #004B82, #002D22, #03001B)
• Washed Emerald color palette (#D9ECCF, #11A971, #007A6D, #004550, #002335)
• Muted Turquoise color palette (#D6FDE2, #25BAC1, #007486, #003D41, #000E0F)

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