Patina Cobalt Pier color palette — #FAE9F0 · #89CFF2 · #4689D4 · #006C6C · #232955
A conversation between Azure and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FAE9F0): A whisper-light, dusty rose — the color of strawberry cream.
- Sky (#89CFF2): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#4689D4): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006C6C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#232955): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Patina Cobalt Pier 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
- Muted Veranda color palette (#FFF1F5, #B3DAFA, #7994D0, #007A86, #38355A)
- Forest Lagoon color palette (#FAE9F4, #7AD7D2, #0096AD, #04703F, #023248)
- Weathered Balcony color palette (#FAF4EB, #C2F2DE, #3A97E6, #006874, #0A1C42)
- Tempered Petrol color palette (#F7EAF0, #87B9D4, #3F66AC, #005049, #2E264F)
- Hushed Hollow color palette (#FFF0FB, #7AF0F7, #10ACD3, #008660, #0D4368)
- Washed Petrol color palette (#F0E1EB, #50B0C9, #006DA0, #004B41, #001037)
- Patina Study color palette (#FBF2F6, #DADEED, #96B2E0, #569296, #4A5267)
- Teal Courtyard color palette (#EBDCE6, #00A8A1, #006471, #003E1D, #000B13)
Browse the whole catalog at Explore, or see today's palette.