Patina Petrol color palette — #F4F4DB · #57A9BE · #5B679D · #4F4700 · #062920
Built around Slate, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F4DB): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#57A9BE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#5B679D): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#4F4700): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#062920): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, muted, cool.
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
- Fern Station color palette (#F2F4DC, #66A4CC, #705F9C, #3B4F00, #2F1A2E)
- Antique Summit color palette (#FEEFE3, #54AEA0, #1572A5, #6E3400, #112917)
- Weathered Aubergine Parlor color palette (#E5F1E0, #0088C6, #6228AD, #273800, #000D36)
- Patina Periwinkle color palette (#FFF2EE, #7097DF, #6360A5, #74354F, #4A3645)
- Iris Parlor color palette (#E3FCEF, #66BDE5, #8277D5, #6C6527, #2C3F53)
- Hushed Chestnut Grove color palette (#DCFAE6, #C8B6C8, #9A7B86, #6A5903, #2C3E00)
- Aged Bloom color palette (#F7F0EB, #C9E3D9, #6D8EC3, #006B72, #27274B)
- Olive Delta color palette (#FBF0E5, #C3B18F, #717B40, #674A63, #332508)
Browse the whole catalog at Explore, or see today's palette.