Weathered Workshop color palette — #DCF8FF · #9AE9FE · #7FB2E4 · #317A64 · #102D38

Sky and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCF8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Ice Blue (#9AE9FE): A whisper-light, balanced blue — the color of deep harbor water.
• Sky (#7FB2E4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#317A64): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#102D38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Cypress Meadow color palette (#E9FCE4, #AFE9E8, #A2AFE2, #337550, #254731)
• Washed Courtyard color palette (#E7F4FF, #D9D3EE, #B8ADE3, #2D8092, #19293C)
• Lagoon Dune color palette (#E1FEE4, #A9EBFB, #91D1F0, #44948D, #324937)
• Tempered Chapel color palette (#CAEFFC, #62B7D8, #678BD6, #00564E, #00121C)
• Tempered Field color palette (#DFFBFF, #D7DEEA, #B6AAA2, #8BA373, #1B3742)
• Softworn Parlor color palette (#E8F3FF, #D8D5E3, #E0B6D3, #7894A6, #37414E)
• Weathered Blush color palette (#EDF1FF, #DAC1FF, #CF82B5, #3A6199, #171832)
• Softworn Azure color palette (#E7F4FF, #1EA9FC, #804A96, #005A8C, #060411)

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