Patina Field color palette — #F9EFEC · #AFD2B3 · #0087B2 · #005F31 · #0B203E
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F9EFEC): a clean, paper-quiet neutral.
- Pistachio (#AFD2B3): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#0087B2): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F31): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0B203E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Patina Field 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
- Timeworn Cobalt Station color palette (#FAF0E9, #A6D3BF, #4D7BC4, #005C53, #311526)
- Azure Drift color palette (#FCF1FB, #9FE2E7, #46A1C9, #397C52, #263B5B)
- Patina Lantern color palette (#EBDAD3, #1B8795, #00405E, #002112, #00000D)
- Wandering Nightshade Meadow color palette (#EADED5, #5B91AF, #0039B0, #002C28, #050018)
- Muted Study color palette (#F1E5DF, #59AABA, #005E8D, #003B28, #03022F)
- Orchid Dune color palette (#FFEAEF, #A056C0, #008169, #00636B, #260712)
- Quiet Lapis color palette (#FCEFE2, #7CC2FD, #4E53FC, #005153, #240540)
- Wandering Petrol color palette (#FFECF0, #FFC8D2, #D69E6C, #556BAA, #371F1F)
Browse the whole catalog at Explore, or see today's palette.