Patina Pine color palette — #FAF4F0 · #C5E6DB · #5AB3C6 · #2E8F59 · #2A5043
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Celadon Mist (#C5E6DB): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5AB3C6): A luminous, balanced blue — the color of open sky before noon.
- Fern (#2E8F59): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#2A5043): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Lagoon Villa color palette (#FCF3EE, #C3E6E4, #71ABDA, #008D83, #37476A)
- Aqua Cabin color palette (#F6F6ED, #BEEEFF, #69D0D4, #5CA997, #33503A)
- Petrol Basin color palette (#F2E3DC, #5EB1B6, #00718D, #004C35, #001527)
- Sunlit Cerulean Veranda color palette (#FFF2EC, #99D6E3, #0098D0, #007461, #003167)
- Dusty Market color palette (#FFF2D9, #C2C27D, #789B41, #2D7E3A, #1F5844)
- Pine Courtyard color palette (#F2FADA, #ABDFB2, #5AA56D, #1B7328, #093916)
- Linen Denim color palette (#EFE2D8, #5F9ABB, #0055AD, #003B3D, #06002B)
- Pale Alley color palette (#F2F9E2, #74B786, #9F89D4, #BA62A3, #373932)
Browse the whole catalog at Explore, or see today's palette.