Patina Pine color palette — #FFF2EE · #7DDDE1 · #009AC7 · #00783B · #00306B
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#7DDDE1): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009AC7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00783B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00306B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Patina Pine 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
- Worn Basin color palette (#FEF2EF, #C2DDC0, #44A3C0, #327E3B, #1B3C5D)
- Weathered Loft color palette (#FEF3EB, #96D5EF, #1B8CFA, #007462, #2C256D)
- Weathered Petrol Basin color palette (#EDF9EF, #74C8C9, #007C8D, #005845, #00394B)
- Cobalt Balcony color palette (#EFDED8, #9ABBA0, #007FAC, #005D35, #021B4C)
- Dusty Balcony color palette (#FDF4E5, #32F6FA, #00BFD9, #009B7C, #00394B)
- Lagoon Ridge color palette (#FAF3F0, #C3E0E8, #8EBDAC, #549676, #62495E)
- Pale Ultramarine Terrace color palette (#E8DED7, #74ABC1, #0065BE, #004B3F, #120043)
- Sky Archive color palette (#F6F9CE, #73F0E4, #68BEFF, #967B00, #004727)
Browse the whole catalog at Explore, or see today's palette.