Patina Petrol Field color palette — #F4E3EE · #4FB1C5 · #006F9B · #004B3F · #001231
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F4E3EE): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#4FB1C5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006F9B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001231): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Patina Petrol 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
- Chalky Ultramarine Coast color palette (#F5E4EA, #6DA9D4, #265CD0, #00494F, #13053C)
- Aged Petrol Balcony color palette (#F6EDDE, #6BC6DA, #007195, #003E3B, #000307)
- Timeworn Thicket color palette (#ECEFD9, #00A0BA, #005267, #002F32, #001722)
- Violet Field color palette (#D7F2FF, #83B5F0, #9571F8, #00695C, #00182A)
- Feathered Canyon color palette (#F3E2D9, #7EBBC9, #008BD1, #007051, #07093E)
- Wandering Azure color palette (#D1E9F7, #0095D4, #006183, #002B3B, #000205)
- Wandering Coast color palette (#CFF0FF, #00869A, #A04900, #004E5A, #1E0800)
- Cerulean Harbor color palette (#F5EBF2, #89D2DE, #0093C2, #006E58, #0A2F53)
Browse the whole catalog at Explore, or see today's palette.