Patina Petrol color palette — #E7F6F0 · #8B9451 · #276B95 · #652B3A · #380E0A
Built around Peacock, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F6F0): a clean, paper-quiet neutral.
- Moss (#8B9451): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#276B95): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#652B3A): A deep, shadowed, balanced red — the color of embers at dusk.
- Onyx (#380E0A): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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 Amber color palette (#E7F7E9, #AC873F, #00727A, #582D5D, #350E1E)
- Petrol Corridor color palette (#E9F5F4, #7CA984, #6C6AA1, #6B401C, #3A1C2A)
- Timeworn Harbor color palette (#DBF8FE, #00978A, #7F2F9D, #5B2900, #291000)
- Antique Aubergine Hollow color palette (#EBF7FF, #2D95B7, #545C9F, #6F226C, #5B2324)
- Antique Olive color palette (#BAEDE2, #468400, #004A94, #580017, #1B0900)
- Ancient Terrace color palette (#FBF4E7, #BEA24E, #268DAA, #933667, #4A3300)
- Antique Cerulean color palette (#D9F7E9, #97BEBE, #6994A4, #6C546C, #493141)
- Ancient Aubergine color palette (#CDEBF2, #007C74, #6B1A79, #352400, #110900)
Browse the whole catalog at Explore, or see today's palette.