Patina Petrol color palette — #EBDCD5 · #9ABC9B · #00829B · #005C3A · #002236
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#EBDCD5): bright and airy, almost weightless.
- Sage (#9ABC9B): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C3A): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Patina Petrol 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
- Tempered Cerulean Canyon color palette (#F7ECE7, #ADCEB7, #0091C8, #006E5C, #102E54)
- Washed Petrol color palette (#F2E6E0, #76ABBB, #006DA2, #004B42, #000D3E)
- Hushed Cypress color palette (#D5E1DF, #67ACAC, #00636B, #003F37, #00242B)
- Seafoam Meadow color palette (#FFF0FA, #60E3E2, #0089A1, #005533, #000E1A)
- Cerulean Thicket color palette (#EFF0DC, #65D4D4, #00A5B1, #007E70, #00242B)
- Lagoon Studio color palette (#FBF3F0, #C5E6E0, #67B0CF, #258E71, #225148)
- Muted Turquoise Lagoon color palette (#E2E6CE, #8FCAB4, #00B7D9, #736800, #003020)
- Powdered Bloom color palette (#DAEDDD, #5AAE6E, #007C3C, #00401C, #000D04)
Browse the whole catalog at Explore, or see today's palette.