Patina Petrol color palette — #F3E6E0 · #98BEA3 · #0872A7 · #004E34 · #06103B
Built around Slate, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Parchment (#F3E6E0): bright and airy, almost weightless.
- Sage (#98BEA3): A luminous, dusty teal — the color of sea glass.
- Slate (#0872A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#06103B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Petrol Veranda color palette (#F0E7E0, #8ABADA, #5068A6, #004B49, #1A0838)
- Petrol Villa color palette (#F4EEE3, #95BCA1, #007393, #00504A, #00314D)
- Ancient Cobalt Parlor color palette (#F6EAF3, #9DCCE2, #008FD4, #006F4F, #1D2A57)
- Wandering Bloom color palette (#FAE2DB, #4E9898, #005168, #002E0E, #00040F)
- Iris Bloom color palette (#F6F1EB, #C6E4DA, #798AC4, #006C6C, #411F2F)
- Dusty Bloom color palette (#E8DCD4, #4B8098, #00387B, #00201B, #01000A)
- Washed Apricot Alley color palette (#FFEBED, #F5B5B5, #D19A5D, #51558E, #320E0F)
- Wandering Raspberry color palette (#F7D7D4, #C04E85, #005E26, #00453C, #1C000D)
Browse the whole catalog at Explore, or see today's palette.