Timeworn Quarry color palette — #F4F6EF · #C3DEF1 · #99BDEE · #528AA8 · #51344E

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Powder Blue (#C3DEF1): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#99BDEE): A luminous, balanced blue — the color of deep harbor water.
• Storm Blue (#528AA8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#51344E): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Timeworn Quarry 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

• Muted Cerulean Chapel color palette (#F4F6EE, #BFDFEE, #8EC2E4, #408EA0, #1D483E)
• Linen Periwinkle color palette (#F3F7EB, #C1E0F4, #6EB3FC, #0082AA, #103269)
• Cobalt Balcony color palette (#EFF7F7, #C9DFF6, #5C8CCA, #146A8F, #374862)
• Cerulean Lantern color palette (#F5F7E8, #97D8E7, #0087A8, #005155, #000F18)
• Cypress Pier color palette (#EFF0DF, #79C6C7, #00757F, #003E38, #000304)
• Worn Denim color palette (#DFE3D1, #62ADCF, #005B85, #002A33, #000104)
• Weathered Cocoa Boulevard color palette (#FFF2ED, #E0D9CE, #A4B5B2, #CE9BA2, #6E3311)
• Soft Balcony color palette (#FFF2EF, #FFC1CA, #A4B8F7, #CD6378, #293560)

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