Weathered Workshop color palette — #E3F2EE · #C38D70 · #004478 · #002341 · #041A16

Navy and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E3F2EE): a clean, paper-quiet neutral.
• Caramel (#C38D70): A luminous, dusty orange — the color of toasted spice.
• Navy (#004478): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#002341): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#041A16): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Navy color palette (#F6EAF3, #AC9B58, #2A3C80, #0F1A52, #210E1E)
• Worn Petrol color palette (#DFF4ED, #D4AF5E, #076A9C, #0E3953, #081A15)
• Wandering Iris Field color palette (#E6EFFF, #FFB1A8, #6D84CB, #465674, #0F1623)
• Nocturne Bronze color palette (#F2E1F2, #A86A26, #002456, #00081D, #070007)
• Hushed Lagoon color palette (#FAF3F7, #C5C29D, #595886, #353457, #33272E)
• Washed Aubergine color palette (#FFF1F6, #6AB583, #55337F, #330859, #2D0E1D)
• Softworn Mulberry color palette (#EDF8F3, #53A3CE, #93356F, #005679, #2B0E0F)
• Aubergine Thicket color palette (#EFD7DD, #44A07C, #4F0E6A, #250035, #1C010A)

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