Weathered Canyon color palette — #E4F7F0 · #3A85B0 · #4B3542 · #1F2C27 · #101715

A conversation between Cerulean and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3A85B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4B3542): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#1F2C27): quiet, heavy and certain.
• Ink (#101715): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Alley color palette (#EBF5E9, #009089, #214439, #222C21, #131713)
• Azure Meadow color palette (#E3F7F0, #42A4E4, #635260, #2D3C37, #1D2320)
• Hushed Powder Pier color palette (#E7F4FF, #7CBFED, #727B90, #4A5661, #1C2326)
• Hushed Violet color palette (#F3DEE5, #8655BA, #472927, #2B1920, #120B0D)
• Sapphire Terrace color palette (#E9DAE8, #005EDC, #371A4E, #250D25, #07150E)
• Patina Moss color palette (#FEF0FF, #6F9BCF, #7E9532, #5B8349, #4B3D4C)
• Softworn Boulevard color palette (#FFF1F6, #B6A6D7, #C88A3A, #7B65A2, #514C46)
• Softworn Cobalt Coast color palette (#DCFFEC, #8ABFF0, #6680CF, #62548D, #63444C)

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