Cobalt Workshop color palette — #FBEFE8 · #AFD1BF · #487FBA · #005D4D · #1B1B3E

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEFE8): a clean, paper-quiet neutral.
• Pistachio (#AFD1BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#487FBA): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1B1B3E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Cobalt color palette (#F9F4ED, #A8D0BB, #1F80B6, #005F62, #203C5D)
• Misty Onyx Bloom color palette (#FEEEE7, #69CCDB, #007AAE, #005436, #020A54)
• Aged Iris Villa color palette (#F6F1EB, #C5E4DA, #7B8AC3, #006C6D, #41202F)
• Dusty Indigo color palette (#F8D8E8, #7E6AC4, #677700, #1C6733, #150C2D)
• Softworn Cypress color palette (#EEF8F0, #D9D6E2, #6DAED9, #007E83, #17304A)
• Hushed Petrol Garden color palette (#FFECF5, #FDCFD7, #DAA291, #2D6C99, #341824)
• Dusty Lagoon Parlor color palette (#EFDDD7, #2D9B9E, #005169, #002E0F, #000410)
• Navy Courtyard color palette (#EDDCD0, #4D8099, #003582, #00201C, #010009)

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