Violet Canyon color palette — #F3F4FE · #8E6EB6 · #8D5150 · #125369 · #2B313C
A conversation between Slate Blue and Coffee, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F4FE): a clean, paper-quiet neutral.
- Slate Blue (#8E6EB6): A full-bodied, balanced violet — the color of wild irises.
- Coffee (#8D5150): A full-bodied, balanced orange — the color of sun-warmed clay.
- Peacock (#125369): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#2B313C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Violet 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
- Cornflower Thicket color palette (#F0F5FF, #6383D3, #8E5A78, #225D5A, #293945)
- Peony Archive color palette (#F7F2FF, #BF679F, #925D2F, #3D5379, #323240)
- Chestnut Bloom color palette (#F2F0FD, #9974A0, #716522, #105C4C, #141B27)
- Aged Workshop color palette (#FAF2FB, #CC7E88, #93643F, #595627, #413D5E)
- Washed Boulevard color palette (#F7F3FB, #E1D7DD, #B6ABA4, #887B97, #545158)
- Patina Balcony color palette (#FAEDFD, #BF546E, #453744, #2D252F, #181416)
- Feathered Raspberry color palette (#F7F2FF, #BD009A, #7C4100, #03337B, #2B1939)
- Shell Coast color palette (#FAF2FE, #E9D7D8, #FCB1C6, #BF807A, #4D3C51)
Browse the whole catalog at Explore, or see today's palette.