Patina Field color palette — #EFF8F1 · #97CCF3 · #547AAD · #005D6E · #2C3A55
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Sky (#97CCF3): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#547AAD): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005D6E): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#2C3A55): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Cerulean Cabin color palette (#EEF8F0, #8CD3D6, #0B879C, #00624F, #084055)
- Ancient Cobalt Drift color palette (#F8EFF2, #AECBE5, #5B7BB6, #005A61, #161E3C)
- Weathered Ash color palette (#F0F7F1, #D8DDEE, #7C9CC0, #4C7586, #465368)
- Cerulean Archive color palette (#F4F6EF, #C6E9DD, #74B7F9, #0099C5, #223B5E)
- Cerulean Harbor color palette (#D6E8D9, #0EA0B9, #00516C, #00302D, #001527)
- Crimson Thicket color palette (#F7D9FA, #D4315A, #4F7B20, #255C96, #372339)
- Wandering Peony color palette (#FAE7FF, #DF577F, #008B85, #8A344E, #003F3B)
- Taupe Drift color palette (#FEF0FF, #F2D9C1, #CDA170, #926178, #4C3548)
Browse the whole catalog at Explore, or see today's palette.