Patina Petrol color palette — #F3E6DF · #7EBFD1 · #0072A8 · #004C43 · #01123A
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F3E6DF): a clean, paper-quiet neutral.
- Sky (#7EBFD1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#01123A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Abyss Harbor color palette (#F1E7E1, #9EBD9C, #00788B, #004E2A, #001826)
- Hushed Petrol Chapel color palette (#EDF1E0, #7EBCD0, #007296, #004E56, #023249)
- Dusty Cobalt color palette (#F9F0EA, #A3D4BE, #407FBF, #005B5A, #31142B)
- Linen Meadow color palette (#EFE2D6, #73A3C4, #0049CB, #00393D, #0A002C)
- Hushed Coast color palette (#F7EAF2, #7AD3ED, #3A8EC4, #006D62, #192D51)
- Softworn Cerulean color palette (#F3E4DD, #2C9BA3, #005168, #002D1F, #00050D)
- Softworn Cerulean color palette (#F8F0EB, #CCE4CA, #069EB6, #306C48, #0C3428)
- Airy Azure Coast color palette (#E3EED6, #65D8DD, #3FA3F2, #4F6800, #071D03)
Browse the whole catalog at Explore, or see today's palette.