Patina Canyon color palette — #F7F0ED · #B5CFB9 · #3885A9 · #005F35 · #071E46
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F0ED): a clean, paper-quiet neutral.
- Pistachio (#B5CFB9): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#3885A9): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F35): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#071E46): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Wandering Cobalt Courtyard color palette (#F8F0E9, #AED0C5, #6677BB, #005B5C, #27163D)
- Hushed Dune color palette (#F9F3F8, #B1DCEB, #20A3D3, #217F4A, #243B5C)
- Teal Field color palette (#E6F2E6, #39AF94, #007478, #004D5C, #002139)
- Pine Drift color palette (#E0FAE4, #AFE4D6, #C1A9DE, #007E55, #002B1C)
- Dusty Abyss color palette (#EEE4E0, #44838E, #00405F, #002113, #00000D)
- Wandering Veranda color palette (#E0EDE0, #00A6A7, #C25737, #006263, #370A00)
- Indigo Courtyard color palette (#FDEFE2, #87C2F4, #515DE5, #005153, #250044)
- Muted Petrol Parlor color palette (#DEF7FF, #61B8CB, #006F8C, #003B4C, #000E13)
Browse the whole catalog at Explore, or see today's palette.