Patina Harbor color palette — #F8F0EA · #A4D4C0 · #547EB4 · #005B5D · #191C3F
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8F0EA): a clean, paper-quiet neutral.
- Pistachio (#A4D4C0): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#547EB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#191C3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Patina Harbor 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
- Cerulean Archive color palette (#F9F0EC, #97D3DB, #2687AB, #085D48, #002720)
- Sunlit Corridor color palette (#FFEEE4, #64CBE7, #0079B3, #005249, #00134A)
- Timeworn Cobalt color palette (#FBF2F6, #ABC9E1, #5E77AB, #00605B, #3B3457)
- Antique Periwinkle Lantern color palette (#E9F9F8, #D8DDE9, #5CAEEC, #007B97, #1A3047)
- Cerulean Alley color palette (#F5E7E1, #3399A7, #00516C, #002D22, #00040E)
- Dusty Harbor color palette (#EADBCE, #2580B7, #083288, #001F22, #01000A)
- Tangerine Balcony color palette (#FBE4D1, #E98123, #0072B6, #814100, #001E35)
- Misty Bronze color palette (#FDE4CD, #B66400, #0078A5, #395A93, #210F00)
Browse the whole catalog at Explore, or see today's palette.