Tempered Cobalt Workshop color palette — #FDF3EB · #A7D0BD · #5479B1 · #006157 · #383360

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

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Pistachio (#A7D0BD): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5479B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#383360): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered 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

• Cornflower Lantern color palette (#FDF3E9, #AAD4F7, #6477D2, #006668, #4A306C)
• Misty Cobalt Boulevard color palette (#FFF2EC, #77C5D9, #0073B5, #005842, #232B69)
• Dusty Azure color palette (#FAF4EB, #BFDCCF, #559BD7, #007A85, #213964)
• Tempered Forest color palette (#FCF3F0, #CBE5C9, #4096B1, #3A703E, #215248)
• Frosted Iris color palette (#FBDAEA, #9177E1, #3C6900, #00583C, #2D2547)
• Worn Petrol Courtyard color palette (#FFF0F7, #F5C7E8, #DE9A88, #3C6D9A, #57363F)
• Ash Boulevard color palette (#FBF4EF, #CBE7E5, #7B9CC2, #627655, #63495A)
• Cerulean Alley color palette (#F8E8E2, #429FA7, #00516E, #003219, #001036)

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