Patina Coast color palette — #F2F7EF · #C8D8C6 · #96AE99 · #006A5B · #27391D
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F7EF): a clean, paper-quiet neutral.
- Oat (#C8D8C6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#96AE99): A luminous, dusty green — the color of new leaves after rain.
- Pine (#006A5B): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#27391D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Patina Coast 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
- Petrol Summit color palette (#F0F7F2, #C9DFDE, #A4C5B7, #007889, #35443A)
- Forest Veranda color palette (#EEF4EA, #C5DBC7, #7FB4CD, #006B55, #141D0C)
- Worn Villa color palette (#DEE6DF, #8E9F93, #567A68, #003235, #030C04)
- Gentle Cabin color palette (#F2EBD7, #8F994C, #4A6500, #08520C, #2D3200)
- Frosted Mint Market color palette (#E2FEE4, #00CBB1, #00B2B9, #007492, #002F36)
- Navy Market color palette (#E2F0EC, #C1B4C1, #A0849B, #004876, #10241F)
- Patina Station color palette (#E3FAFE, #C9DCEE, #ACC2DC, #1DAF9B, #1D383C)
- Washed Aubergine color palette (#C6F3C7, #008E94, #005C71, #42008E, #002F35)
Browse the whole catalog at Explore, or see today's palette.