Patina Canyon color palette — #F0E9E1 · #7FB9E1 · #286BE8 · #00585F · #1C1548
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0E9E1): a clean, paper-quiet neutral.
- Sky (#7FB9E1): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#286BE8): A full-bodied, vivid violet — the color of wild irises.
- Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Indigo (#1C1548): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
Use it as a design system
One click turns Patina 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 Cobalt Balcony color palette (#F0E5E0, #65C0D4, #007EAF, #005B4C, #051F40)
- Muted Cobalt Canyon color palette (#EBF9EE, #9ED3FA, #387ACF, #004F5E, #040332)
- Pale Iris Ridge color palette (#F4E6EB, #8FC8ED, #708FDC, #007D79, #250E49)
- Denim Corridor color palette (#CDE7E6, #55A7E0, #00599B, #003B4F, #031D44)
- Tempered Ultramarine Corridor color palette (#F9EADF, #6999B7, #0052B4, #003B3E, #070128)
- Powdered Boulevard color palette (#FFF2EB, #80DBED, #0098D1, #007462, #003169)
- Worn Ultramarine color palette (#E3EEFD, #5C96FF, #005AC7, #002E60, #00061E)
- Muted Wisteria color palette (#D3E7E1, #B3B7FF, #C581CD, #00717E, #102649)
Browse the whole catalog at Explore, or see today's palette.